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

用jquery实现输入框获取焦点消失文字

Apr 27 Javascript

解析img图片没找到onerror事件 Stack overflow at line: 0

Dec 23 Javascript

JavaScript中的单引号和双引号报错的解决方法

Sep 01 Javascript

对JavaScript的全文搜索实现相关度评分的功能的方法

Jun 24 Javascript

javascript跨域方法、原理以及出现问题解决方法（详解）

Aug 06 Javascript

基于jQuery实现仿QQ空间送礼物功能代码

May 24 Javascript

JavaScript数组特性与实践应用深入详解

Dec 30 Javascript

基于 vue-skeleton-webpack-plugin 的骨架屏实战

Aug 05 Javascript

微信头像地址失效踩坑记附带解决方案

Sep 23 Javascript

JavaScript Dom 绑定事件操作实例详解

Oct 02 Javascript

JS实现页面侧边栏效果探究

Jan 08 Javascript

Node与Python 双向通信的实现代码

Jul 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获取网卡地址的代码

2008/04/09 PHP

一个PHP并发访问实例代码

2012/09/06 PHP

PHP仿博客园个人博客（1）数据库与界面设计

2013/07/05 PHP

php提示Warning:mysql_fetch_array() expects的解决方法

2014/12/16 PHP

如何使用纯PHP实现定时器任务（Timer）

2015/07/31 PHP

重载toString实现JS HashMap分析

2011/03/13 Javascript

JQuery获取文本框中字符长度的代码

2011/09/29 Javascript

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

2012/12/10 Javascript

JS高级调试技巧：捕获和分析 JavaScript Error详解

2014/03/16 Javascript

javascript实现简单的页面右下角提示信息框

2015/07/31 Javascript

JS实现的通用表单验证插件完整实例

2015/08/20 Javascript

js以分隔符分隔数组中的元素并转换为字符串的方法

2016/11/16 Javascript

JS获取多维数组中相同键的值实现方法示例

2017/01/06 Javascript

当vue路由变化时,改变导航栏的样式方法

2018/08/22 Javascript

vue实现的下拉框功能示例

2019/01/29 Javascript

Vue实现远程获取路由与页面刷新导致404错误的解决

2019/01/31 Javascript

解决vscode进行vue格式化,会自动补分号和双引号的问题

2020/10/26 Javascript

Python 字符串定义

2009/09/25 Python

在Python中使用mechanize模块模拟浏览器功能

2015/05/05 Python

python登录并爬取淘宝信息代码示例

2017/12/09 Python

python3获取两个日期之间所有日期,以及比较大小的实例

2018/04/08 Python

Python3网络爬虫中的requests高级用法详解

2019/06/18 Python

详解python中的time和datetime的常用方法

2019/07/08 Python

Python获取时间范围内日期列表和周列表的函数

2019/08/05 Python

Python Scrapy图片爬取原理及代码实例

2020/06/12 Python

Python 捕获代码中所有异常的方法

2020/08/03 Python

英国最出名高街品牌：Forever Unique

2018/02/24 全球购物

如何获取某个日期是当月的最后一天

2013/12/05 面试题

大学生工作推荐信范文

2013/12/02 职场文书

试用期员工考核制度

2014/01/22 职场文书

销售顾问工作计划书

2014/08/15 职场文书

重点工程汇报材料

2014/08/27 职场文书

小学生五一劳动节演讲稿

2015/03/18 职场文书

学校运动会开幕词

2016/03/03 职场文书

解决vue-router的beforeRouteUpdate不能触发

2022/04/14 Vue.js

Go语言入门exec的基本使用

2022/05/20 Golang