跳到主要内容

如何在页面加载后执行 JavaScript 代码?

参考答案:

要在页面加载后执行 JavaScript 代码,你可以使用 window.onload 事件。这个事件会在整个页面(包括所有图像、样式表、脚本等)完全加载后触发。

下面是一个简单的示例:

window.onload = function() {
  // 你的代码在这里
  alert("页面已加载完毕!");
}

在这个例子中,当页面完全加载后,会弹出一个警告框显示 "页面已加载完毕!"。

另一种常用的方法是使用 jQuery 的 $(document).ready() 方法。如果你已经在页面上引入了 jQuery,那么你可以这样写:

$(document).ready(function() {
  // 你的代码在这里
  alert("页面已加载完毕!");
});

这两种方法都可以确保在页面加载完毕后执行你的 JavaScript 代码。但请注意,window.onload 会等待所有资源(如图片)加载完毕,而 $(document).ready() 只等待 DOM 结构加载完毕,不会等待图片等资源。所以如果你的代码不依赖于图片等资源,使用 $(document).ready() 可能会更快一些。