gpt4 book ai didi

javascript - 如何在窗口加载时自动加载此 JavaScript 代码?

转载 作者:行者123 更新时间:2023-11-28 18:05:34 25 4
gpt4 key购买 nike

我在这个社区中进行了搜索,答案是可用的,但不适用于我的代码。虽然我的代码在使用按钮 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>

最佳答案

如果您将代码包装在“DOM 就绪事件”中

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

这是人手不足的版本,或者您可以使用:

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

注意:您的问题具有“jquery”标签,因此,如果您希望使用此库,您也应该在文件中引用此标签,例如:

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

关于javascript - 如何在窗口加载时自动加载此 JavaScript 代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42736043/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com