动态加载js的几种方法
动态加载js的几种方法
发布时间:2016-12-30 来源:查字典编辑
摘要:1.直接document.writedocument.write();2.动态改变已有script的src属性s1.src=test.js3...

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')>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类