JS动态插⼊并⽴即执⾏回调函数的⽅法
本⽂实例讲述了JS动态插⼊并⽴即执⾏回调函数的⽅法。分享给⼤家供⼤家参考，具体如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/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 = ateElement('script');
script.src = url;
script.id = id;
adyState);
adyState && adyState != 'loaded' && adyState != 'complete') return ;
if(callback) callback();
}
document.body.appendChild(script);
ajax实例里面的函数}
loadJs('jQuery','jquery.js',function(){$('#loading').html('jquery.js加载完毕')})
// --></mce:script>
</body>
</html>
动态插⼊js⽂件在提⾼页⾯加载速度和跨域问题上有⾮常重要的作⽤。上⾯就是⼀个简单例⼦。
ie 上⽀持 onreadystatechange , 不⽀持 onload
firefox上⽀持 onload , 不⽀持onreadystatechange
ie上⾯不⼀定loaded 或者是 complete触发，或者两个都会触发，所以⽤或来判断。
需要注意的是adystatechange 和adyState 的⼤⼩写形式，不区分⼤⼩写就可能导致不易发现的错误。更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》、《》及《》
希望本⽂所述对⼤家JavaScript程序设计有所帮助。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。