动态加载脚本提升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 相关文章推荐
Javascript面向对象之四 继承
Feb 08 Javascript
Javascript this 的一些学习总结
Aug 02 Javascript
jquery中的$(document).ready()使用小结
Feb 14 Javascript
js实现select跳转功能代码
Oct 22 Javascript
jQuery中:radio选择器用法实例
Jan 03 Javascript
vue2笔记 — vue-router路由懒加载的实现
Mar 03 Javascript
全选复选框JavaScript编写小结(附代码)
Aug 16 Javascript
Bootstrap Table 删除和批量删除
Sep 22 Javascript
基于Vue2的独立构建与运行时构建的差别(详解)
Dec 06 Javascript
Vue路由history模式解决404问题的几种方法
Sep 29 Javascript
Element UI框架中巧用树选择器的实现
Dec 12 Javascript
基于layui轮播图满屏是高度自适应的解决方法
Sep 16 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出现web系统多域名登录失败的解决方法
2014/09/30 PHP
thinkphp3.2实现跨控制器调用其他模块的方法
2017/03/14 PHP
PHP异常处理定义与使用方法分析
2017/07/25 PHP
兼容多浏览器的字幕特效Marquee的通用js类
2008/07/20 Javascript
Mootools 1.2教程 输入过滤第二部分(字符串)
2009/09/15 Javascript
asp.net+jquery滚动滚动条加载数据的下拉控件
2010/06/25 Javascript
JavaScript常用全局属性与方法记录积累
2013/07/03 Javascript
使用iframe window的scroll方法控制iframe页面滚动
2014/03/05 Javascript
jquery实现邮箱自动填充提示功能
2015/11/17 Javascript
JavaScript学习总结之JS、AJAX应用
2016/01/29 Javascript
JS原型链怎么理解
2016/06/27 Javascript
Vue.js路由组件vue-router使用方法详解
2016/12/02 Javascript
解决URL地址中的中文乱码问题的办法
2017/02/10 Javascript
JavaScript设计模式之缓存代理模式原理与简单用法示例
2018/08/07 Javascript
vue 配置多页面应用的示例代码
2018/10/22 Javascript
Angular2 自定义表单验证器的实现方法
2018/12/14 Javascript
JavaScript设计模型Iterator实例解析
2020/01/22 Javascript
js实现炫酷光感效果
2020/09/05 Javascript
vue+swiper实现左右滑动的测试题功能
2020/10/30 Javascript
python 把数据 json格式输出的实例代码
2016/10/31 Python
python中os和sys模块的区别与常用方法总结
2017/11/14 Python
Python中浅拷贝copy与深拷贝deepcopy的简单理解
2018/10/26 Python
Python HTMLTestRunner可视化报告实现过程解析
2020/04/10 Python
Pytorch 解决自定义子Module .cuda() tensor失败的问题
2020/06/23 Python
HTML5 语音搜索只需一句代码
2013/01/03 HTML / CSS
美国餐厅用品和厨房设备批发网站:KaTom Restaurant Supply
2018/01/27 全球购物
应聘教师推荐信
2013/10/31 职场文书
事业单位辞职信范文
2014/01/19 职场文书
药店促销活动策划方案
2014/08/24 职场文书
高中军训的心得体会
2014/09/01 职场文书
清明节主题班会
2015/08/14 职场文书
python pyhs2 的安装操作
2021/04/07 Python
Python如何利用正则表达式爬取网页信息及图片
2021/04/17 Python
再次探讨go实现无限 buffer 的 channel方法
2021/06/13 Golang
HTML怎么设置下划线?html文字加下划线方法
2021/12/06 HTML / CSS
Vue中使用import进行路由懒加载的原理分析
2022/04/01 Vue.js