编程 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学习笔记(十九) 节点的操作实现代码

Jun 20 Javascript

js 去掉空格实例 Trim() LTrim() RTrim()

Jan 07 Javascript

JavaScript转换二进制编码为ASCII码的方法

Apr 16 Javascript

巧用jQuery选择器提高写表单效率的方法

Aug 19 Javascript

Bootstrap页面缩小变形的快速解决办法

Feb 03 Javascript

AngularJs+Bootstrap实现漂亮的计算器

Aug 10 Javascript

JavaScript中Hoisting详解 (变量提升与函数声明提升)

Aug 18 Javascript

在vue中封装可复用的组件方法

Mar 01 Javascript

JS中的两种数据类型及实现引用类型的深拷贝的方法

Aug 12 Javascript

vue基于element的区间选择组件

Sep 07 Javascript

javascript中数组的常用算法深入分析

Mar 12 Javascript

微信小程序使用npm包的方法步骤

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设计模式之命令模式使用示例

2014/03/02 PHP

php 一维数组的循环遍历实现代码

2017/04/10 PHP

Laravel 默认邮箱登录改成用户名登录的实现方法

2019/08/12 PHP

Javascript-Mozilla和IE中的一个函数直接量的问题

2007/01/09 Javascript

用Javascript 获取页面元素的位置的代码

2009/09/25 Javascript

jquery 应用代码方便的排序功能

2010/02/06 Javascript

如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)

2013/07/09 Javascript

一看就懂：jsonp详解

2015/06/01 Javascript

使用AngularJS来实现HTML页面嵌套的方法

2015/06/17 Javascript

jquery插件uploadify实现带进度条的文件批量上传

2015/12/13 Javascript

浅析创建javascript对象的方法

2016/05/13 Javascript

JavaScript实现页面无操作倒计时退出

2016/10/22 Javascript

Nodejs实现短信验证码功能

2017/02/09 NodeJs

Javascript操作dom对象之select全面解析

2017/04/24 Javascript

JS 判断某变量是否为某数组中的一个值的3种方法(总结)

2017/07/10 Javascript

Vue使用枚举类型实现HTML下拉框步骤详解

2018/02/05 Javascript

微信小程序使用form表单获取输入框数据的实例代码

2018/05/17 Javascript

vue使用监听实现全选反选功能

2018/07/06 Javascript

解决vue js IOS H5focus无法自动弹出键盘的问题

2018/08/30 Javascript

微信小程序websocket聊天室的实现示例代码

2019/02/12 Javascript

[01:01:43]EG vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.24

2018/08/25 DOTA

跟老齐学Python之折腾一下目录

2014/10/24 Python

Python paramiko模块的使用示例

2018/04/11 Python

python实现括号匹配的思路详解

2018/08/23 Python

Pyqt5实现英文学习词典

2019/06/24 Python

python设置环境变量的作用和实例

2019/07/09 Python

Django之使用内置函数和celery发邮件的方法示例

2019/09/16 Python

html5中valid、invalid、required的定义

2014/02/21 HTML / CSS

惠普新加坡官方商店：HP Singapore

2020/04/17 全球购物

体育专业个人求职信范文

2013/12/27 职场文书

党员组织关系介绍信

2014/02/13 职场文书

计算机网络工程专业职业生涯规划书

2014/03/10 职场文书

重点工程汇报材料

2014/08/27 职场文书

迎国庆演讲稿

2014/09/15 职场文书

2015年国税春训心得体会

2015/03/09 职场文书

Java 垃圾回收超详细讲解记忆集和卡表

2022/04/08 Java/Android