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>