动态加载脚本提升javascript性能


Posted in Javascript onFebruary 24, 2014

通过文档对象模型(DOM),几乎可以用Javascript动态创建HTML中的所有 内容。其根本在于,<script>标签与页面中的其他元素并无差异:都能通过DOM引用,都能在文档中移动、删除,甚至被创建。用标准的DOM方法可以非常容易地创建一个新年的<script>元素:

<script type="text/javascript"> 
var script=document.createElement("script"); 
script.type="text/javascript"; 
script.src="file1.js"; 
document.getElementByTagName("head")[0].appendChild(script); 
</script>

这个新创建的<script>元素加载了file1.js文件。文件在该元素被添加到页面时开始下载。这种技术的重点在于:无论在何时启动下载,文件的下载和执行过程不会阻塞页面其他进程。你甚至可以将代码放到页面<head>区域而不会影响页面其他部分。
Javascript 相关文章推荐
JS函数实现动态添加CSS样式表文件
Dec 15 Javascript
javascript学习笔记(三)BOM和DOM详解
Sep 30 Javascript
JS组件Bootstrap Select2使用方法解析
May 30 Javascript
js removeChild 方法深入理解
Aug 16 Javascript
前端开发必知的15个jQuery小技巧
Jan 22 Javascript
Vue2几种常见开局方式详解
Sep 09 Javascript
轻松搞定jQuery+JSONP跨域请求的解决方案
Mar 06 jQuery
jQuery获取随机颜色的实例代码
May 21 jQuery
jQuery中DOM操作原则实例分析
Aug 01 jQuery
关于在LayUI中使用AJAX提交巨坑记录
Oct 25 Javascript
vue倒计时刷新页面不会从头开始的解决方法
Mar 03 Javascript
在vue中使用jsonp进行跨域请求接口操作
Oct 29 Javascript
巧用局部变量提升javascript性能
Feb 24 #Javascript
javascript中的原型链深入理解
Feb 24 #Javascript
JSONP获取Twitter和Facebook文章数的具体步骤
Feb 24 #Javascript
动态加载js、css等文件跨iframe实现
Feb 24 #Javascript
js操纵dom生成下拉列表框的方法
Feb 24 #Javascript
js设置function参数默认值(适合没有传参情况)
Feb 24 #Javascript
JS取request值以及自动执行使用示例
Feb 24 #Javascript
You might like
php cookies中删除的一般赋值方法
2011/05/07 PHP
50个PHP程序性能优化的方法
2014/06/02 PHP
如何实现php图片等比例缩放
2015/07/28 PHP
php实现base64图片上传方式实例代码
2017/02/22 PHP
jquery和js实现对div的隐藏和显示方法
2014/09/26 Javascript
Javascript闭包用法实例分析
2015/01/23 Javascript
基于JavaScript实现Json数据根据某个字段进行排序
2015/11/24 Javascript
Vue.js实现拖放效果的实例
2016/09/30 Javascript
jQuery.Validate表单验证插件的使用示例详解
2017/01/04 Javascript
JS自定义滚动条效果简单实现代码
2020/10/27 Javascript
React Native中TabBarIOS的简单使用方法示例
2017/10/13 Javascript
angular 组件通信的几种实现方式
2018/07/13 Javascript
微信小程序视图容器(swiper)组件创建轮播图
2020/06/19 Javascript
解决Vue 刷新页面导航显示高亮位置不对问题
2019/12/25 Javascript
用python实现的去除win下文本文件头部BOM的代码
2013/02/10 Python
python实现udp数据报传输的方法
2014/09/26 Python
深入解析Python中的__builtins__内建对象
2016/06/21 Python
python实现简单爬虫功能的示例
2016/10/24 Python
python 3.5实现检测路由器流量并写入txt的方法实例
2017/12/17 Python
tensorflow学习笔记之简单的神经网络训练和测试
2018/04/15 Python
pandas修改DataFrame列名的实现方法
2019/02/22 Python
Django 解决上传文件时,request.FILES为空的问题
2020/05/20 Python
python如何查看网页代码
2020/06/07 Python
Python 获取异常(Exception)信息的几种方法
2020/12/29 Python
钉钉企业内部H5微应用开发详解
2020/05/12 HTML / CSS
巴西手表购物网站:eclock
2019/03/19 全球购物
大学毕业生通用求职信
2013/09/28 职场文书
总经理秘书工作职责
2013/12/26 职场文书
奥巴马英文演讲稿
2014/05/15 职场文书
给校长的建议书500字
2014/05/15 职场文书
小学生春游活动方案
2014/08/20 职场文书
工作检讨书500字
2014/10/19 职场文书
大学生个人学习总结
2015/02/15 职场文书
无工作证明怎么写
2015/06/15 职场文书
小学英语教学反思范文
2016/02/15 职场文书
搭建zabbix监控以及邮件报警的超级详细教学
2022/07/15 Servers