动态加载js的几种方法_Javascript教程-查字典教程网
动态加载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教程学习
    编程开发子分类