Question

我在这个社区搜索，答案可用但不适用于我的代码。虽然我的代码在我使用按钮OnClick时有效，但我不想从正文中加载它。请在窗口加载时自动加载此JavaScript代码。

<html lang="en">
<head><title>demo</title>

<script>
function removeElement(parentDiv, childDiv){
     //if (childDiv == parentDiv) { alert("The parent div cannot be removed.");}

     if (document.getElementById(childDiv)) {     
          var child = document.getElementById(childDiv);
          var parent = document.getElementById(parentDiv);
          parent.removeChild(child); //parent.remove(parentDiv);
     }
     else {
          alert("Child div has already been removed or does not exist.");
          return false;
     }
};
</script>
</head>
<body> <!-- I don't want to load it in body onLoad="removeElement('parent','child');" -->

    <div id="parent" style="border: 1px solid red; padding: 10px;">
     I am the parent div.
        <div id="child" style="border: 1px solid green; padding: 10px;">
        I am a child div within the parent div.
        </div>
    </div>

<input type="button" value="Remove Element" onClick="removeElement('parent','child');">

</body>
</html>

Answer 1

如果您将代码包装在＆＃39; DOM就绪事件＆＃39;

中

$(function() {
    // your code here
}

这是简写版本，或者您可以使用：

$( document ).ready(function() {
    // your code here
}

注意：您的问题包含＆＃39; jquery＆＃39;如果您希望使用此库，则应在文件中引用此标记，例如：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

Answer 2

只需在window.onload = function() { removeElement('parent','child'); }

之前添加</script>即可

如何在窗口加载后自动加载此JavaScript代码？

2 个答案: