编程 Javascript

动态加载脚本提升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 EXCEL 操作类代码

Jul 30 Javascript

jquery异步循环获取功能实现代码

Sep 19 Javascript

使用JavaScript动态设置样式实现代码(2)

Jan 25 Javascript

jQuery实现自定义checkbox和radio样式

Jul 13 Javascript

jQuery EasyUi实战教程之布局篇

Jan 26 Javascript

JQuery控制图片由中心点逐渐放大效果

Jun 26 Javascript

vue结合Echarts实现点击高亮效果的示例

Mar 17 Javascript

JavaScript文本特效实例小结【3个示例】

Dec 22 Javascript

深入了解query和params的使用区别

Jun 24 Javascript

一步一步实现Vue的响应式(对象观测)

Sep 02 Javascript

vue.js路由mode配置之去掉url上默认的#方法

Nov 01 Javascript

vue-cil之axios的二次封装与proxy反向代理使用说明

Apr 07 Vue.js

巧用局部变量提升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

2020最新CPU的性能排名

2020/04/02 数码科技

php文档更新介绍

2011/07/22 PHP

PHP JS Ip地址及域名格式检测代码

2013/09/27 PHP

Eclipse PHPEclipse 配置的具体步骤

2017/08/08 PHP

使用PHP访问RabbitMQ消息队列的方法示例

2018/06/06 PHP

PHP获取php,mysql,apche的版本信息及更多服务器信息

2021/03/09 PHP

JavaScript 事件参考手册

2008/12/24 Javascript

js跨域和ajax 跨域问题的实现思路

2009/09/05 Javascript

FileUpload 控件禁止手动输入或粘贴的实现代码

2010/04/07 Javascript

js函数的引用，关于内存的开销

2012/09/17 Javascript

JavaScript中输出标签的方法

2014/08/27 Javascript

JavaScript中使用Math.floor()方法对数字取整

2015/06/15 Javascript

值得分享的Bootstrap Table使用教程

2016/11/23 Javascript

关于Node.js中Buffer的一些你可能不知道的用法

2017/03/28 Javascript

vue2.0实现移动端的输入框实时检索更新列表功能

2018/05/08 Javascript

webpack 从指定入口文件中提取公共文件的方法

2018/11/13 Javascript

GOJS+VUE实现流程图效果

2018/12/01 Javascript

Vue+Element实现表格编辑、删除、以及新增行的最优方法

2019/05/28 Javascript

详解Vue3中对VDOM的改进

2020/04/23 Javascript

如何在vue中使用kindeditor富文本编辑器

2020/12/19 Vue.js

[42:32]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第二场 10.28

2020/10/28 DOTA

python通过smpt发送邮件的方法

2015/04/30 Python

简单上手Python中装饰器的使用

2015/07/12 Python

Python中的self用法详解

2019/08/06 Python

Django使用uwsgi部署时的配置以及django日志文件的处理方法

2019/08/30 Python

python 中不同包类方法之间的调用详解

2020/03/09 Python

利用CSS3实现文本框的清除按钮相关的一些效果

2015/06/23 HTML / CSS

大学生物业管理求职信

2013/10/24 职场文书

领导检查欢迎词

2014/01/14 职场文书

市场安全管理制度

2014/01/26 职场文书

优秀学生干部先进事迹材料

2014/05/26 职场文书

学习党的群众路线教育实践活动心得体会范文

2014/11/03 职场文书

2015年国庆节活动总结

2015/03/23 职场文书

2015年学校政教工作总结

2015/07/20 职场文书

2019年浪漫婚礼证婚词

2019/06/27 职场文书

小型企业的绩效考核制度模板

2019/11/21 职场文书