动态加载js的几种方法

时间：2021-05-25

1.直接document.write
<scriptlanguage=javascript>
document.write(<scriptsrc='test.js'><\/script>);
</script>
2.动态改变已有script的src属性
<scriptsrc=''id=s1></script>
<scriptlanguage=javascript>
s1.src=test.js
</script>
3.动态创建script元素
<script>
vars2=document.createElement(script);
s2.src=test.js
document.body.insertAdjacentElement(BeforeBegin,s2);
</script>
<head>
<script>
functionloadJs(file){
varscriptTag=document.getElementById('loadScript');
varhead=document.getElementsByTagName('head').item(0)
if(scriptTag)head.removeChild(scriptTag);
script=document.createElement('script');
script.src=file;
script.type='text/javascript';
script.id='loadScript';
head.appendChild(script)
}
</script>
</head>
<bodyonload=loadJs('1.js');loadJs('2.js')>

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章