如何在页面加载后执行 JavaScript 代码?
参考答案:
要在页面加载后执行 JavaScript 代码,你可以使用 window.onload
事件。这个事件会在整个页面(包括所有图像、样式表、脚本等)完全加载后触发。
下面是一个简单的示例:
window.onload = function() {
// 你的代码在这里
alert("页面已加载完毕!");
}
在这个例子中,当页面完全加载后,会弹出一个警告框显示 "页面已加载完毕!"。
另一种常用的方法是使用 jQuery 的 $(document).ready()
方法。如果你已经在页面上引入了 jQuery,那么你可以这样写:
$(document).ready(function() {
// 你的代码在这里
alert("页面已加载完毕!");
});
这两种方法都可以确保在页面加载完毕后执行你的 JavaScript 代码。但请注意,window.onload
会等待所有资源(如图片)加载完毕,而 $(document).ready()
只等待 DOM 结构加载完毕,不会等待图片等资源。所以如果你的代码不依赖于图片等资源,使用 $(document).ready()
可能会更快一些。