编程 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 相关文章推荐

js滚动条多种样式,推荐

Feb 05 Javascript

JavaScript获取table中某一列的值的方法

May 06 Javascript

Javascript发送AJAX请求实例代码

Aug 21 Javascript

Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法

Oct 30 Javascript

H5实现中奖记录逐行滚动切换效果

Mar 13 Javascript

JavaScript实现经纬度转换成地址功能

Mar 28 Javascript

原生js简单实现放大镜特效

May 16 Javascript

ReactNative列表ListView的用法

Aug 02 Javascript

vue插件vue-resource的使用笔记（小结）

Aug 04 Javascript

JS中跳出循环的示例代码

Sep 14 Javascript

JavaScript中重名的函数与对象示例详析

Sep 28 Javascript

Bootstrap Table实现定时刷新数据的方法

Aug 13 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二维数组排序的3种方法和自定义函数分享

2014/04/09 PHP

MacOS下PHP7.1升级到PHP7.4.15的方法

2021/02/22 PHP

js购物车实现思路及代码(个人感觉不错)

2013/12/23 Javascript

jQuery获取样式中颜色值的方法

2015/01/29 Javascript

javascript实现炫酷的拖动分页

2015/05/11 Javascript

JavaScript中String.match()方法的使用详解

2015/06/06 Javascript

jquery带下拉菜单和焦点图代码分享

2015/08/24 Javascript

Linux下为Node.js程序配置MySQL或Oracle数据库的方法

2016/03/19 Javascript

javascript创建对象的3种方法

2016/11/02 Javascript

Bootstrap的基本应用要点浅析

2016/12/19 Javascript

微信小程序下拉刷新界面的实现

2017/09/28 Javascript

vue-router源码之history类的浅析

2019/05/21 Javascript

Jquery $.map使用方法实例详解

2020/09/01 jQuery

vue 导航守卫和axios拦截器有哪些区别

2020/12/19 Vue.js

如何在vue中使用HTML 5 拖放API

2021/01/14 Vue.js

详解Python中__str__和__repr__方法的区别

2015/04/17 Python

python 为什么说eval要慎用

2019/03/26 Python

Python中捕获键盘的方式详解

2019/03/28 Python

Django 配置多站点多域名的实现步骤

2019/05/17 Python

python的内存管理和垃圾回收机制详解

2019/05/18 Python

python程序创建多线程过程详解

2019/09/23 Python

django实现类似触发器的功能

2019/11/15 Python

Python 用__new__方法实现单例的操作

2020/12/11 Python

HTML5 CSS3打造相册效果附源码下载

2014/06/16 HTML / CSS

基于html5实现的图片墙效果

2014/10/16 HTML / CSS

html如何对span设置宽度

2019/10/30 HTML / CSS

HTML5 SEO优化的一些建议

2020/08/27 HTML / CSS

巴西购物网站：Estrela10

2018/12/13 全球购物

中层干部竞争上岗演讲稿

2014/01/13 职场文书

淘宝客服自我总结鉴定

2014/01/25 职场文书

淘宝客服专员岗位职责

2014/04/11 职场文书

优秀本科毕业生自荐信

2014/07/04 职场文书

初中差生评语

2014/12/29 职场文书

会计稽核岗位职责

2015/04/13 职场文书

2015年司法局工作总结

2015/05/22 职场文书

七一晚会主持词

2015/06/29 职场文书