jQuery如何实现页面加载完毕再去执行代码

Posted 2023-03-29

通过以下方案解决：

解决方案一:
$(document).ready(function()//代码)

解决方案二:
$(function()//代码);

解决方案三:
jQuery(document).ready(function()//代码)

解决方案四:
window.onload=function()//代码

解决方案五:
将jquery代码放入body的后面，这样也会实现相同的效果。

jQuery是一个快速、简洁的javascript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化html文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

参考资料

百度百科.百度百科[引用时间2018-1-12]

参考技术A $(document).ready(function()
    alert("loading over");
);

参考技术B 解决方案一:
$(document).ready(function()
//代码
)
解决方案二:
$(function()
//代码

);

解决方案三:
jQuery(document).ready(function()
//代码
)
解决方案四:
window.onload=function()
//代码

解决方案五:
将jquery代码放入body的后面，这样也会实现相同的效果。

如何在页面加载完成后执行js脚本

把脚本放body的最后。如果放前面，你用jquery的话，把脚本放这个方法体里面可以让页面加载完执行
$(function()); 参考技术A 页面的加载是从上到下一步一步来的，你可以把js脚本放在
紧靠
的上面即可，具体情况可以再详细询问