📅 最后修改于: 2023-12-03 15:23:38.326000 🧑 作者: Mango
在网页中添加 JavaScript 代码可以让我们实现各种功能，比如网页交互、数据处理等等。但是，当网页加载时，我们可能需要触发某些 JavaScript 代码以实现特定的功能。本文将介绍一些触发 JavaScript 代码的方法。
在网页中，当所有资源（包括图片、样式表、脚本等等）都加载完成后，页面就会触发 window.onload 事件。我们可以通过在该事件中编写 JavaScript 代码来实现特定的功能。
下面是一个例子，该例子会将页面中的 H1 元素的文字修改为 "Hello World!"：
window.onload = function() {
document.getElementsByTagName("h1")[0].innerText = "Hello World!";
}
当页面加载完成后，就会执行上述 JavaScript 代码，从而将 H1 元素的文字修改为 "Hello World!"。
如果您使用的是 jQuery，那么可以使用 $(document).ready() 函数来触发 JavaScript 代码。该函数会在 DOM 加载完成后立即执行，不必等到所有资源加载完成。
下面是一个例子，该例子会将页面中的 H1 元素的文字修改为 "Hello World!"：
$(document).ready(function() {
$("h1").text("Hello World!");
});
当 DOM 加载完成后，就会执行上述 JavaScript 代码，从而将 H1 元素的文字修改为 "Hello World!"。
如果您需要在页面加载完成后执行 JavaScript 代码，您也可以在 HTML 元素中添加 onload 属性。该属性可以接受一个JavaScript 函数，在页面加载完成时执行该函数。
下面是一个例子，该例子会在页面加载完成后弹出一个提示框：
<body onload="alert('Hello World!');">
...
</body>
当页面加载完成后，就会弹出一个提示框，其中包含 "Hello World!"。
本文介绍了三种在页面加载时触发 JavaScript 代码的方法：window.onload、$(document).ready() 和 HTML 元素的 onload 属性。您可以根据实际情况选择所需的方法来实现特定的功能。