动态加载JavaScript

Posted hngbk

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了动态加载JavaScript相关的知识,希望对你有一定的参考价值。

动态加载javascript减少不必要的文件加载,提高网页浏览速度

<!DOCTYPE html>

<html>
<meta charset=‘utf8‘>
<body>

<input type=‘button‘ value=‘动态加载JavaScript‘ onclick=‘loadJS()‘>

</body>
<script>


var htmlcollection=document.getElementsByTagName(‘body‘).item(0); //item html集合方法

function loadJS()
{
    var script=document.createElement(‘script‘);

    script.src=‘./test.js‘;

    script.type=‘text/javascript‘;

    script.defer=true;            //程序下载完后再解析执行

    htmlcollection.appendChild(script);
}


</script>
</html>

 

/-------test.js

 

alert(‘from another javascript‘)

-----/

 

1.创建一个script标签

2、配置好脚本源地址与类型

3,挂载script标签

 




























以上是关于动态加载JavaScript的主要内容,如果未能解决你的问题,请参考以下文章

动态加载 JavaScript 文件

动态加载JavaScript

两种动态加载JavaScript文件的方法

如何动态加载 Google Analytics JavaScript?

动态加载JavaScript文件

Rails 动态 javascript 加载