JS:动态加载JS两种方式!

作者博客地址更换至CSDN,地址：http://blog.csdn.net/littlebrain4solving

 

第一种方式-直接把JS代码嵌入进页面:

(这里采用的ExtJs的AJax加载方式为例子,也可以换成JQuery的Ajax形式加载,我就不写JQuery的例子了,自己可以去试试!)

Ext.Ajax.request({
　　url : 'text.js',
　　success : function(response){
　　　　var headTag = document.getElementsByTagName("head")[0];
　　　　var scriptTag = document.createElement("script");
　　　　scriptTag.type = "text/javascript";
　　　　scriptTag.text = response.responseText;
　　　　headTag.appendChild(scriptTag);
　　},
　　method : 'GET'
});

 

第二种方式-引用JS地址进行动态加载并监听远程地址加载完成事件。

var headTag = document.getElementsByTagName("head")[0];
   var scriptTag = document.createElement("script");
   scriptTag.type = "text/javascript";
   scriptTag.src = 'test.js';
   scriptTag.onload = scriptTag.onreadystatechange = function() {
      if (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete') {
          alert('JS动态加载完成');
      }
}
headTag.appendChild(scriptTag);

 

有问题的大家可以留言给我,大家共同探讨一下哈！