首页 > 代码库 > 动态加载JavaScript
动态加载JavaScript
动态加载JavaScript减少不必要的文件加载,提高网页浏览速度
<!DOCTYPE html>
<html>
<meta charset=‘utf8‘>
<body>
<input type=‘button‘ value=http://www.mamicode.com/‘动态加载JavaScript‘ onclick=‘loadJS()‘>
</body>
<script>
var htmlcollection=document.getElementsByTagName(‘body‘).item(0); //item html集合方法
function loadJS()
{
var script=document.createElement(‘script‘);
script.src=http://www.mamicode.com/‘./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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。