web前端培训面试题分析-Javascript无阻塞加载具体方式

发布时间:2019年12月03日作者:atguigu浏览次数:649

Javascript无阻塞加载具体方式

将脚本放在底部。head中,用以保证在<script>标签放在前。

成组脚本:由于每个<script>总数也可以改善性能。适用于内联脚本和外部脚本。

非阻塞脚本:等页面完成加载后,再加载window.onload事件发出后开始下载代码。

(1)fierfox3.5更高版本浏览器

(2)动态脚本元素:文档对象模型(DOM)允许你使用js动态创建 

<script>

var script=document.createElement(“script”);

script.type=”text/javascript”;

script.src=”file.js”;

document.getElementsByTagName(“head”)[0].appendChild(script);

</script>

此技术的重点在于:无论在何处启动下载,文件额下载和运行都不会阻塞其他页面处理过程。即使在head里(除了用于下载文件的http链接)。

 


上一篇:
下一篇:
相关课程

java培训 大数据培训 前端培训 UI/UE设计培训

关于尚硅谷
教育理念
名师团队
学员心声
资源下载
视频下载
资料下载
工具下载
加入我们
招聘岗位
岗位介绍
招贤纳师
联系我们
全国统一咨询电话:010-56253825
地址:北京市昌平区宏福科技园2号楼3层(北京校区)

深圳市宝安区西部硅谷大厦B座C区一层(深圳校区)

上海市松江区谷阳北路166号大江商厦6层(上海校区)

武汉市东湖高新开发区东湖网谷(武汉校区)