jQuery 页面加载后执行的三种方式及 window.onload 对比

作者:微光时间:2026-10-27 23:36:17浏览:364

本文介绍在 jQuery 和原生 JavaScript 中实现页面加载后执行代码的三种常见方式。重点解析 jQuery 的简写形式 $(function) 与 $(document).ready 的区别,并对比原生 window.onload 的执行时机。通过代码示例说明如何正确绑定初始化函数及事件监听,帮助开发者根据实际需求选择合适的事件触发机制。

jQuery 简写方式执行初始化

方式1:


代码如下:

 
$(function(){
initPublish();
}); 

说明: initPublish() 即为你要运行的JS函数;这段代码,放在页面最低端。



jQuery $(document).ready 标准写法

方式2:


代码如下:

 
$(document).ready(function () {
// add your code here
initPublish();
$(.a).click( function {
// add your code here
}); 
}); 

原生 window.onload 加载方式

方式3:


代码如下:

 
window.onload = function {
// add your code here
} 
作者最新文章