微信扫一扫打赏支持

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

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、代码

资源加载完毕

 1 <!doctype html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>index</title>
 6     <style>
 7         *{
 8             font-family: 微软雅黑;
 9             margin:0px;
10             padding:0px;
11         }
12     </style>
13     <script src="jquery.js"></script>
14 </head>
15 <body>
16     <div>
17         <img src="a.png" alt="">
18     </div>    
19 </body>
20 <script>
21 $(window).load(function(){
22     w=$('img').width();
23     h=$('img').height();
24     alert(w+'-'+h);
25 });
26 </script>
27 </html>

 

 

 

 

 

 
posted @ 2018-06-28 10:41  范仁义  阅读(417)  评论(0)  编辑  收藏  举报