1、动态创建一个script标签，设置其src属性，type属性等
2、将script节点插入页面，加载js文件
即相当于将<script type="text/javascript" src="xxx.js"></script>添加到了页面，只不过这个过程是动态完成的，为此特意封装了一个函数来实现：
// 动态插入script标签
function createScript(url,callback){
var oScript = document.createElement('script');
oScript.type = 'text/javascript';
oScript.async = true;
oScript.src = url;
/*
** script标签的onload和onreadystatechange事件
** IE6/7/8支持onreadystatechange事件
** IE9/10支持onreadystatechange和onload事件
** Firefox/Chrome/Opera支持onload事件
*/
// 判断IE8及以下浏览器
var isIE = !-[1,];
if(isIE){
alert('IE')
oScript.onreadystatechange = function(){
if(this.readyState == 'loaded' || this.readyState == 'complete'){
callback();
}
}
} else {
// IE9及以上浏览器，Firefox，Chrome，Opera
oScript.onload = function(){
callback();
}
}
document.body.appendChild(oScript);
}
使用方法如：
createScript('xxx.js',function(){
console.log('OK');
});
您可能感兴趣的文章:
- 基于js里调用函数时,函数名带括号和不带括号的区别
- javascript获取函数名称、函数参数、对象属性名称的代码实例
- js函数名与form表单元素同名冲突的问题
- js类中获取外部函数名的方法与代码
- js类中获取外部函数名的方法
- 关于动态执行代码(js的Eval)实例详解
- javascript中动态函数用法实例分析
- JS函数实现动态添加CSS样式表文件
- 如何实现动态删除javascript函数
- JavaScript 动态添加脚本，并触发回调函数的实现代码
- 如何用JavaScript动态呼叫函数(两种方式)
- JS动态插入并立即执行回调函数的方法
- 详解js的事件处理函数和动态创建html标记方法
- javascript实现根据函数名称字符串动态执行函数的方法示例
