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

showModalDialog 和 showModelessDialog

Jan 22 Javascript

浅析jQuery的链式调用之each函数

Dec 03 Javascript

jQuery使用技巧简单汇总

Apr 18 Javascript

js+jquery常用知识点汇总

Mar 03 Javascript

JS中多种方式创建对象详解

Mar 22 Javascript

Three.js快速入门教程

Sep 09 Javascript

js实现交通灯效果

Jan 13 Javascript

JS实现点击按钮可实现编辑功能

Jul 03 Javascript

在js代码拼接dom对象到页面上的模板总结

Oct 21 Javascript

如何实现iframe父子传参通信

Feb 05 Javascript

vue内置组件component--通过is属性动态渲染组件操作

Jul 28 Javascript

Ajax异步刷新功能及简单案例

Nov 20 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下关于Cannot use a scalar value as an array的解决办法

2010/08/08 PHP

PHP错误抑制符(@)导致引用传参失败Bug的分析

2011/05/02 PHP

PHP调用Webservice实例代码

2011/07/29 PHP

php+mysqli使用预处理技术进行数据库查询的方法

2015/01/28 PHP

详解PHP中的序列化、反序列化操作

2017/03/21 PHP

php语言注释，单行注释和多行注释

2018/01/21 PHP

TextArea 控件的最大长度问题(js json)

2009/12/16 Javascript

浅谈Javascript事件处理程序的几种方式

2012/06/27 Javascript

六款帮助你实现惊艳视差滚动效果的jQuery插件

2012/09/14 Javascript

如何获取JQUERY AJAX返回的JSON结果集实现代码

2012/12/10 Javascript

jquery动态加载js三种方法实例

2013/08/03 Javascript

javascript中RegExp保留小数点后几位数的方法分享

2013/08/13 Javascript

Jquery 实现图片轮换

2015/01/28 Javascript

关于JavaScript的变量的数据类型的判断方法

2015/08/14 Javascript

jquery获取form表单input元素值的简单实例

2016/05/30 Javascript

AngularJS入门教程之表格实例详解

2016/07/27 Javascript

微信js-sdk分享功能接口常用逻辑封装示例

2016/10/13 Javascript

基于vue实现swipe分页组件实例

2017/05/25 Javascript

vue将后台数据时间戳转换成日期格式

2019/07/31 Javascript

JavaScript this指向相关原理及实例解析

2020/07/10 Javascript

在Python的框架中为MySQL实现restful接口的教程

2015/04/08 Python

python3.7 openpyxl 在excel单元格中写入数据实例

2020/09/01 Python

python 如何停止一个死循环的线程

2020/11/24 Python

如何用 Python 处理不平衡数据集

2021/01/04 Python

如何用Python提取10000份log中的产品信息

2021/01/14 Python

基于第一个PhoneGap(cordova)的应用详解

2013/05/03 HTML / CSS

Stefania Mode美国：奢华设计师和时尚服装

2018/01/07 全球购物

运动会四百米广播稿

2014/01/19 职场文书

2014端午节活动策划方案

2014/01/27 职场文书

企业活动策划方案

2014/06/02 职场文书

2014年国庆晚会主持词

2014/09/19 职场文书

安全伴我行主题班会

2015/08/13 职场文书

高中班主任心得体会

2016/01/07 职场文书

如何利用js在两个html窗口间通信

2021/04/27 Javascript

豆瓣2021评分最高动画剧集-豆瓣评分最高的动画剧集2021

2022/03/18 日漫

微信告警的zabbix监控系统监控整个NGINX集群

2022/04/18 Servers