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
} 作者最新文章
JavaScript零基础入门:从环境搭建到运行第一段代码
2026-11-05 15:29:58
HTML链接中javascript:void(0)的作用及现代替代方案
2026-11-05 10:07:47
在线调试 JS 时怎么引入 jQuery 或 Vue 等第三方库
2026-11-05 08:53:56
原生JavaScript实现简易颜色选择器原理与代码
2026-11-03 23:22:19
JS原生表单序列化:FormData与URLSearchParams用法详解
2026-11-03 23:13:21
