1 1 javascript动态加载
2 //方法一
3 <script type="text/javascript">
4 function loadScript(url,callback){//异步加载脚本函数
5 var script=document.createElement("script");
6 script.type="text/javascript";
7 if(script.readyState){
8 script.onreadystatechange=function(){
9 if(script.readyState=="loaded"||script.readyState=="complete"){
10 script.onreadystatechange=null;
11 callback();//加载成功后的回调函数
12 }
13 };
14 }else{
15 script.onload=function(){
16 callback();
17 };
18 }
19 script.src=url;
20 document.getElementsByTagName("head")[0].appendChild(script);
21 }
22 //方法二ajax原理
23 var xhr=new XMLHttpRequest();//创建XMLHttpRequest对象
24 xhr.open("get","script.js",true);//设置与服务器端的交互方式和参数
25 xhr.onreadystatechange=function(){//注册回调函数
26 if(xhr.readyState===4){//判断和服务器交互是否已经完成
27 if(xhr.status===200){//与服务器交互成功且返回正确数据
28 var script=document.createElement("script");
29 script.type="text/javascript";
30 script.text=xhr.responseText;
31 document.body.appendChild(script);
32 }
33 }
34 };
35 xhr.send(null);
36
37 </script>