通常大家最为熟悉的是一下两种方法:
下面再介绍几种页面引入js的代码:
下面测试下,不同的方式引入js,加载的时间顺序:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script src="2.js" type="text/javascript"></script> 7 <script type="text/javascript"> 8 document.write("<scr"+"ipt>alert(4)</scr"+"ipt>");//通过第四种方式引入 9 document.write("<scr"+"ipt src=‘3.js‘></scr"+"ipt>");//通过第三种方式引入 10 alert(1); 11 document.write("<scr"+"ipt src=‘3.js‘></scr"+"ipt>"); 12 alert(5); 13 </script> 14 </head> 15 <body> 16 </body> 17 </html>
执行顺序:2-4-1-5-3-3
第三种和第四种交换顺序后:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script src="2.js" type="text/javascript"></script> 7 <script type="text/javascript"> 8 document.write("<scr"+"ipt src=‘3.js‘></scr"+"ipt>");//通过第三种方式引入 9 document.write("<scr"+"ipt>alert(4)</scr"+"ipt>");//通过第四种方式引入 10 alert(1); 11 document.write("<scr"+"ipt src=‘3.js‘></scr"+"ipt>"); 12 alert(5); 13 </script> 14 </head> 15 <body> 16 </body> 17 </html>
执行顺序:2-1-5-3-4-3
可以看出第三种方式:document.wirite("scr"+"ipt src=‘xx.js‘></scr"+"ipt">引入js的代码,执行会迟与直接写入的js文本。
同时,第四种方式引入js的执行和直接写入的文本是按顺序执行。
总结下,常用的一下几种方式引入js代码:
原文:http://www.cnblogs.com/lonelybonze/p/javascript.html