本文实例讲述了JS动态插入并立即执行回调函数的方法。分享给大家供大家参考，具体如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div id="loading">加载中……</div>
<mce:script type="text/JavaScript">
<!--
function loadJs(id,url,callback){
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
script.id = id;
script.onload = script.onreadystatechange = function(){
alert(script.readyState);
if(script.readyState && script.readyState != 'loaded' && script.readyState != 'complete') return ;
script.onreadystatechange = script.onload = null
if(callback) callback();
}
document.body.appendChild(script);
}
loadJs('jQuery','jquery.js',function(){$('#loading').html('jquery.js加载完毕')})
// --></mce:script>
</body>
</html>
动态插入js文件在提高页面加载速度和跨域问题上有非常重要的作用。上面就是一个简单例子。
ie 上支持 onreadystatechange , 不支持 onload
firefox上支持 onload , 不支持onreadystatechange
ie上面不一定loaded 或者是 complete触发 ， 或者两个都会触发，所以用或来判断。
需要注意的是script.onreadystatechange 和script.readyState 的大小写形式，不区分大小写就可能导致不易发现的错误。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索js
， 回调函数
动态插入
javascript 回调函数、javascript 回调、javascript 回调地狱、javascript 异步回调、javascript的回调函数，以便于您获取更多的相关知识。