页面的加载事件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> <!-- 使用JQuery,首先要引入JQuery框架包 --> <script src="jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script> <script src="jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script> <!-- <script> /* 页面的加载事件 */ window.onload=function(){ console.log("001,你在看美女······"); } window.onload=function(){ console.log("002,你在看美女········"); } </script> --><!-- 成功 --> <!-- JQuery的代码和DOM中的window.onload事件是相同的 --> <!-- <script> $(window).load(function(){ console.log("001,你在看美女······"); }); $(window).load(function(){ console.log("002,你在看美女······"); }); </script> --><!-- 失败 --> <!-- //页面中的所有类容加载完毕后才触发标签,图片,文字内容 //页面中的基本标签加载完毕后就可以触发了 --> <!-- <script type="text/javascript"> $(document)ready(function(){ console.log("001,你在看美女·····"); }) $(document)ready(function(){ console.log("002,你在看美女·····"); }) </script> --><!-- 失败 --> <!-- //页面中基本的标签加载后就执行 --> <!-- <script> JQuery(function(){ console.log("001,你在看美女"); }); jQuerey(function(){ console.log("002,你在看美女"); }) </script> --><!-- 失败 --> <script> $(function(){ console.log("001,你在看美女") }) $(function(){ console.log("002,你在看美女"); }) </script><!-- 成功 --> </head> <body> <h1>页面的加载事件</h1> <hr > </body> </html>
Nearth===>WEB前端--第4课/JQuery/页面的加载事件
最新推荐文章于 2019-11-16 17:30:09 发布