Question

我有这个Javascript功能

function webit(thumb){
    webi = document.createElement("img");
    webi.alt=thumb.id.replace("t", "");
    webi.id = "w"+webi.alt;
    webi.className = "web";
    webi.src= thumb.src.replace("thm","web");
    webi.height=233;
    webi.onclick='alert()';
    document.body.appendChild(webi);
}

应该在文档的末尾嵌入更大版本的缩略图。除了之外，任何javascript函数（即onXXX）都保持绝对空值。这似乎与我使用的JS功能无关，并且在尝试将其设置为任何东西。

以上示例使用

    webi.onclick='alert()';

虽然所有其他语句都成功，但仍然无法保留onclick null。

Answer 1

在javascript中，.onclick属性期望函数不是字符串

webi.onclick=function(){ alert(); };

您还可以使用addEventListener方法设置事件处理程序

webi.addEventListener("click",function(){ alert(); });

Answer 2

有两个问题，你给alert＆amp; onclick需要一个可以在单击后调用的函数，不应该调用已分配的函数。

webi.onclick=function(){alert()};

Answer 3

您可以考虑将webi声明为var。没有＆＃34; var＆＃34;，你隐式定义了window.webi，它会引入内存泄漏 var webi = document.createElement（＆＃34; img＆＃34;）;

此外，jQuery通常是比原始js /浏览器API更好的选择。

appendChild包含javascript属性的对象

3 个答案: