编程 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调试工具（下载）

Jan 09 Javascript

用javascript做拖动布局的思路

May 31 Javascript

JavaScript 精粹读书笔记(1,2)

Feb 07 Javascript

一个支持任意尺寸的图片上下左右滑动效果

Aug 24 Javascript

JS实现网页表格自动变大缩小的方法

Mar 09 Javascript

Bootstrap框架动态生成Web页面文章内目录的方法

May 12 Javascript

微信小程序自定义创建详细介绍

Oct 27 Javascript

ajax 提交数据到后台jsp页面及页面跳转问题

Jan 19 Javascript

对称加密与非对称加密优缺点详解

Feb 06 Javascript

js技巧之十几行的代码实现vue.watch代码

Jun 09 Javascript

ES10的13个新特性示例(小结)

Sep 23 Javascript

uniapp开发小程序实现滑动页面控制元素的显示和隐藏效果

Dec 10 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 shell超强免杀、减少体积工具实现代码

2012/10/16 PHP

PHP变量的定义、可变变量、变量引用、销毁方法

2013/12/20 PHP

PHP 获取ip地址代码汇总

2015/07/05 PHP

PHP环境搭建的详细步骤

2016/06/30 PHP

全面解析PHP验证码的实现原理附php验证码小案例

2016/08/17 PHP

PDO::_construct讲解

2019/01/27 PHP

jquery tools系列 expose 学习

2009/09/06 Javascript

javascript之通用简单的table选项卡实现(二)

2010/05/09 Javascript

早该知道的7个JavaScript技巧

2013/03/27 Javascript

js 获取和设置css3 属性值的实现方法

2013/05/06 Javascript

jQuery Trim去除字符串首尾空字符的实现方法说明

2014/02/11 Javascript

网站繁简切换的JS遇到页面卡死的解决方法

2014/03/12 Javascript

windows8.1+iis8.5下安装node.js开发环境

2014/12/12 Javascript

被遗忘的javascript的slice() 方法

2015/04/20 Javascript

jQuery构造函数init参数分析续

2015/05/13 Javascript

jQuery基于$.ajax设置移动端click超时处理方法

2016/05/14 Javascript

BootStrap 动态添加验证项和取消验证项的实现方法

2016/09/28 Javascript

微信小程序 for 循环详解

2016/10/09 Javascript

JS判断是否手机或pad访问实现方法

2016/12/09 Javascript

javascript设计模式之模块模式学习笔记

2017/02/15 Javascript

浅谈js for循环输出i为同一值的问题

2017/03/01 Javascript

JavaScript 值类型和引用类型的初次研究(推荐)

2017/07/19 Javascript

页面点击小红心js实现代码

2018/05/26 Javascript

使用node搭建自动发图文微博机器人的方法

2019/03/22 Javascript

vue-router 控制路由权限的实现

2020/09/24 Javascript

详细解读Python中解析XML数据的方法

2015/10/15 Python

python 网络编程常用代码段

2016/08/28 Python

pyqt5 实现工具栏文字图片同时显示

2019/06/13 Python

Python中qutip用法示例详解

2020/10/02 Python

Python 远程开关机的方法

2020/11/18 Python

小橄榄树：Le Petit Olivier

2018/04/23 全球购物

个人评语大全

2014/05/04 职场文书

机关作风整顿个人整改措施2014

2014/09/17 职场文书

2015清明节祭奠英烈寄语大全

2015/03/04 职场文书

vue+elementui 实现新增和修改共用一个弹框的完整代码

2021/06/08 Vue.js

springboot使用Redis作缓存使用入门教程

2021/07/25 Redis