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

作者:微光

时间:2026-10-27

浏览:363

本文介绍在 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
} 

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章