在onload中触发Onclick事件

Onclick event triggerd in onload

本文关键字：Onclick 事件 onload      更新时间：2023-09-26

我在onload函数中创建了动态按钮。按钮已创建，但alertfunc也调用onload。

但是我设置了onclick事件来触发alertfunc

window.onload = function () {
            var body1 = document.getElementsByTagName("body")[0];
            var btn = document.createElement("BUTTON");
            var t = document.createTextNode("Click Here");
            btn.appendChild(t);
            btn.setAttribute("class", "button");
            btn.setAttribute("id", "btnAssign");
            btn.setAttribute("name", "btnAssign");
            btn.setAttribute("onclick", "alertfunc()");
            body1.appendChild(btn);
}
func alertfunc()
{
   alert('test');
}

如何防止alertfunc调用onload ?

对您的代码进行以下更改

window.onload = function() {
  var body1 = document.getElementsByTagName("body")[0];
  var btn = document.createElement("BUTTON");
  var t = document.createTextNode("Click Here");
  btn.appendChild(t);
  btn.setAttribute("class", "button");
  btn.setAttribute("id", "btnAssign");
  btn.setAttribute("name", "btnAssign");
  btn.addEventListener("click", alertfunc);
  body1.appendChild(btn);
}
function alertfunc() {
  alert('test');
}

希望能有所帮助

相关文章：