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

最新推荐文章于 2021-09-24 10:03:05 发布

weixin_33888907

最新推荐文章于 2021-09-24 10:03:05 发布

阅读量149

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Renyi-Fan/p/9237500.html

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>