jquery页面加载完成后执行
jQuery页面加载完成后执行的方法
在jQuery中，确保代码在页面完全加载后执行有多种方式。以下是常见的几种方法：
使用$(document).ready()
这是最常用的方法，确保DOM完全加载后执行代码，但无需等待图片等其他资源加载完成。语法简洁且兼容性好。
$(document).ready(function() {
// 页面DOM加载完成后执行的代码
});简写形式：
$(function() {
// 页面DOM加载完成后执行的代码
});使用$(window).on("load")
如果需要等待页面所有资源（如图片、样式表）加载完成，可以使用此方法。适用于依赖页面完整渲染的场景。
$(window).on("load", function() {
// 页面所有资源加载完成后执行的代码
});使用原生JavaScript的DOMContentLoaded事件
如果项目中未引入jQuery，可直接使用原生JavaScript实现类似功能。
document.addEventListener("DOMContentLoaded", function() {
// 页面DOM加载完成后执行的代码
});注意事项
$(document).ready()与$(window).on("load")的主要区别在于后者会等待所有资源加载完毕，可能延迟执行时间。- 避免在同一页面混合使用多种加载事件，可能导致执行顺序混乱。
- 现代浏览器中，将脚本放在
<body>标签底部也能达到类似效果，但jQuery方法更灵活。
