动态加载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标签
时间： 2024-11-06 09:24:50