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