chrome/firefox浏览器作用域处理的差异

Question

这会在 chrome 中提醒 x，但不会在 firefox (Chrome 25.0/FF 11.0) 中提醒：

var x="hi.", b;
(b = document.createElement("button")).innerHTML = "click me";
b.setAttribute("onclick", "alert(x)"); // Doesn't work on FF, but works on Chrome
document.body.appendChild(b);

当我使用 DOM 时（b.onclick，如下面的代码），它都适用，但在使用字符串形式的属性时返回“x not defined”错误，就像上面的代码一样。

var x="hi.", b;
(b = document.createElement("button")).innerHTML = "click me";
b.onclick = function(){alert(x)}; // Works on FF/Chrome
document.body.appendChild(b);

导致这种情况的两种浏览器有什么区别？

Answer 1

这应该在 FF 和 Chrome 中有效，但在 IE 中无效，您需要实际传递变量吗？

var x="hi.", b;
(b = document.createElement("button")).innerHTML = "click me";
b.setAttribute("onclick", "alert('"+x+"')");
document.body.appendChild(b);

据我所知，在（旧版本的）IE 中，您无法使用 setAttribute 设置内联 javascript。

FIDDLE（在 FF 19 和最新的 Chrome 中测试）