动态加载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的主要内容,如果未能解决你的问题,请参考以下文章