jQuery基础知识 window.load 与 document.ready的区别

最新推荐文章于 2022-03-15 09:23:52 发布

原创最新推荐文章于 2022-03-15 09:23:52 发布 · 619 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #函数

jQuery 专栏收录该内容

2 篇文章

订阅专栏

本文详细解析了jQuery库中window.load与document.ready的区别，并提供了如何正确使用它们的示例。同时，介绍了如何避免jQuery与其他库冲突的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<title></title>

<script src="jquery.js"></script>
<script type="text/javascript">
   /* window.load 与 document.ready的区别 */
   /* window.load在图片加载完成后 */
   /* document.ready在页面元素加载后，但图片加载完成前 */
   /* 一般将代码放入document.ready中，此时页面DOM加载完毕 */
   $(document).ready(
       function(){
           $("a").click(function(){alert("测试脚本")});
       }
   )
   document.ready=function(){alert("页面元素加载完成！")};
   window.onload=function(){alert("页面图片加载完成！")};
   /* 为防止jQuery与其他库冲突，如Prototype也使用$作为别名，可采用下述措施 */
   /* 在jQuery库代码最后一行添加 $.noConflict(); */
   /* 修改所有用到的jQuery代码，将其别名$改为jQuery */
   /* 如果不想使用jQuery，则var yourname=jQuery; */
</script>
</head>
<body>
<a>测试JQuery</a>
<a href="#">111111111</a>
<img src="3.jpg">测试用图片</img>

</body>
</html>