无法获得正确的 dynam 语法。以 ie 方式创建 onclick

Question

我希望保持跨浏览器兼容性，据我所知，这是迄今为止唯一的问题。

.setAttribute("onclick", "return showRapidText("+itemnum+");"); 

这很完美，但我想通过将其放入此语法中来使其与 IE 兼容，

.onclick = new Function("fnDisplay_Computers('" + alines[i] + "')");

所以...我尝试了

.onclick = new Function("showRapidText('" + itemnum + "')");

大约

.onclick = new Function("return showRapidText('" + itemnum + "')");

40 种其他方法，但没有任何效果

Answer 1

element.onclick = function() {
    return showRapidText(itemnum);
};

Answer 2

+1 JP 的答案：函数文字比字符串要好得多。将字符串中的代码拼凑在一起是一件令人恐惧的事情，您应该不惜一切代价避免。另外，由于 IE 兼容性（并且因为 DOM Level 1 HTML 属性无论如何都更具可读性），所以 setAttribute 几乎不应该在 HTMLDocument 中使用。

但有一个潜在的陷阱：如果您在循环中执行此操作（看起来好像是这样），则由于 闭包循环问题。您可以使用另一个闭包来解决此问题：

for (var i= 0; i<alines.length; i++) {
    elements[i].onclick= function(i) {
        return function() {
            fnDisplay_Computers(alines[i]);
        };
    }(i);
}

或者使用 ECMAScript 第五版功能 Function#bind 更干净地解决此问题：

for (var i= 0; i<alines.length; i++) {
    elements[i].onclick= fnDisplay_Computers.bind(null, alines[i]);
}

将 Function#bind 添加到尚不支持它的浏览器。