jquery-10 js加载的时机如何选择

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

一、总结

一句话总结：主要应用widow的ready()方法和load()方法。

1、内部文件中DOM加载完毕执行js如何书写？

把js标签放在body之后即可!

2、外部引入文件中DOM加载完毕执行js如何书写？

$(document).ready(fn);
$(fn);

多用$(fn)，这样方便快捷

$(function(){
//所有代码都是等dom加载完毕才会去执行!
});

3、内部和外部文件中资源加载完毕执行js如何书写？

window的load方法

$(window).load(function(){
//代码
});

21 $(window).load(function(){

22     w=$('img').width();

23     h=$('img').height();

24     alert(w+'-'+h);

25 });

二、js加载的时机如何选择

1、相关知识

0.js加载执行的时机
1)DOM加载完毕
把js标签放在body之后即可!

2)资源加载完毕
$(window).load(function(){
//代码
});

3)jquery中实现等dom加载完毕?
$(function(){
//所有代码都是等dom加载完毕才会去执行!
});

1.页面载入
$(document).ready(fn);
$(fn);

2、代码

资源加载完毕

 <!doctype html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>index</title>

     <style>

         *{

             font-family: 微软雅黑;

             margin:0px;

             padding:0px;

         }

     </style>

     <script src="jquery.js"></script>

 </head>

 <body>

     <div>

         <img src="a.png" alt="">

     </div>

 </body>

 <script>

 $(window).load(function(){

     w=$('img').width();

     h=$('img').height();

     alert(w+'-'+h);

 });

 </script>

 </html>