编程 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 select控件的相关操作实现代码

Sep 14 Javascript

JS取得绝对路径的实现代码

Jan 16 Javascript

Bootstrap前端开发案例一

Jun 17 Javascript

基于AngularJS实现iOS8自带的计算器

Sep 12 Javascript

easyui导出excel无法弹出下载框的快速解决方法

Nov 10 Javascript

JS鼠标3次点击事件实现代码及扩展思路

Sep 12 Javascript

详解javascript常用工具类的封装

Jan 30 Javascript

解决JS表单验证只有第一个IF起作用的问题

Dec 04 Javascript

微信小程序实现通过双向滑动缩放图片大小的方法

Dec 30 Javascript

VUE脚手架的下载和配置步骤详解

Apr 01 Javascript

vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新

May 14 Javascript

JavaScript实现移动小精灵的案例代码

Dec 12 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超级全局变量数组小结

2012/10/04 PHP

php 生成短网址原理及代码

2014/01/23 PHP

js Form.elements[i]的使用实例

2011/11/13 Javascript

JavaScript截断字符串的方法

2015/07/15 Javascript

在Linux系统中搭建Node.js开发环境的简单步骤讲解

2016/01/26 Javascript

Vue表单实例代码

2016/09/05 Javascript

正则表达式替换html元素属性的方法

2016/11/26 Javascript

Vue路由跳转问题记录详解

2017/06/15 Javascript

微信小程序 websocket 实现SpringMVC+Spring+Mybatis

2017/08/04 Javascript

深入理解vue-router之keep-alive

2017/08/31 Javascript

Vue-Router进阶之滚动行为详解

2017/09/13 Javascript

基于vue v-for 多层循环嵌套获取行数的方法

2018/09/26 Javascript

VeeValidate 的使用场景以及配置详解

2019/01/11 Javascript

JavaScript中的连续赋值问题实例分析

2019/07/12 Javascript

Node对CommonJS的模块规范

2019/11/06 Javascript

Vue.js使用axios动态获取response里的data数据操作

2020/09/08 Javascript

Python中的Numeric包和Numarray包使用教程

2015/04/13 Python

python操作sqlite的CRUD实例分析

2015/05/08 Python

学习python之编写简单简单连接数据库并执行查询操作

2016/02/27 Python

Python中存取文件的4种不同操作

2018/07/02 Python

利用Python裁切tiff图像且读取tiff,shp文件的实例

2020/03/10 Python

pycharm 实现本地写代码,服务器运行的操作

2020/06/08 Python

Html5获取高德地图定位天气的方法

2019/12/26 HTML / CSS

Foot Locker意大利官网：全球领先的运动鞋和服装零售商

2017/05/30 全球购物

英国创新设计文具、卡片和礼品包装网站：Paperchase

2018/07/14 全球购物

Otticanet澳大利亚：最顶尖的世界名牌眼镜, 能得到打折季的价格

2018/08/23 全球购物

迟到检讨书5000字

2014/01/31 职场文书

幼儿园运动会口号

2014/06/07 职场文书

销售顾问工作计划书

2014/09/15 职场文书

2015年中学元旦晚会活动方案

2014/12/09 职场文书

组织生活会发言材料

2014/12/15 职场文书

学期个人工作总结

2015/02/13 职场文书

小学运动会报道稿

2015/07/22 职场文书

2016年乡镇综治宣传月活动总结

2016/03/16 职场文书

python 中的jieba分词库

2021/11/23 Python

Python中tqdm的使用和例子

2022/09/23 Python