动态加载脚本提升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 call方法使用说明
Jan 11 Javascript
JavaScript去除空格的三种方法(正则/传参函数/trim)
Feb 06 Javascript
JavaScript计算字符串中每个字符出现次数的小例子
Jul 02 Javascript
cookie中的path与domain属性详解
Dec 18 Javascript
ajax请求乱码的解决方法(中文乱码)
Apr 10 Javascript
jQuery实现不断闪烁文字的方法
May 15 Javascript
原生js实现图片轮播特效
Dec 18 Javascript
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
Jun 28 Javascript
D3.js实现柱状图的方法详解
Sep 21 Javascript
原生JS与jQuery编写简单选项卡
Oct 30 jQuery
Vue 项目中遇到的跨域问题及解决方法(后台php)
Mar 28 Javascript
JS实现判断数组是否包含某个元素示例
May 24 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原创论坛
2006/10/09 PHP
基于wordpress主题制作的具体实现步骤
2013/05/10 PHP
网站防止被刷票的一些思路与方法
2015/01/08 PHP
最新最全PHP生成制作验证码代码详解(推荐)
2016/06/12 PHP
PHP预定义超全局数组变量小结
2018/08/20 PHP
HTML IMG标签 onload 内存溢出导致浏览器CPU占用过高
2021/03/09 Javascript
jquery判断浏览器类型的代码
2012/11/05 Javascript
Javascript 命名空间模式
2013/11/01 Javascript
深入解读JavaScript中的Iterator和for-of循环
2015/07/28 Javascript
JQuery 的跨域方法推荐_可跨任何网站
2016/05/18 Javascript
JS获取当前使用的浏览器名字以及版本号实现方法
2016/08/19 Javascript
Nodejs下DNS缓存问题浅析
2016/11/16 NodeJs
关于vue.js过渡css类名的理解(推荐)
2017/04/10 Javascript
jQuery开源组件BootstrapValidator使用详解
2017/06/29 jQuery
webpack2.0配置postcss-loader的方法
2017/08/17 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
2018/08/22 Javascript
基于layPage插件实现两种分页方式浅析
2019/07/27 Javascript
uniapp,微信小程序中使用 MQTT的问题
2020/07/11 Javascript
nuxt 路由、过渡特效、中间件的实现代码
2020/11/06 Javascript
Python环境变量设置方法
2016/08/28 Python
基于Linux系统中python matplotlib画图的中文显示问题的解决方法
2017/06/15 Python
Python中用psycopg2模块操作PostgreSQL方法
2017/11/28 Python
学习python中matplotlib绘图设置坐标轴刻度、文本
2018/02/07 Python
python 读取摄像头数据并保存的实例
2018/08/03 Python
关于阿里云oss获取sts凭证 app直传 python的实例
2019/08/20 Python
基于Python共轭梯度法与最速下降法之间的对比
2020/04/02 Python
python 瀑布线指标编写实例
2020/06/03 Python
浅析python 字典嵌套
2020/09/29 Python
如何用python开发Zeroc Ice应用
2021/01/29 Python
使用 css3 实现圆形进度条的示例
2017/07/05 HTML / CSS
移动端HTML5实现文件上传功能【附代码】
2016/03/25 HTML / CSS
银行求职推荐信范文
2013/11/30 职场文书
高中美术教学反思
2016/02/17 职场文书
python 批量压缩图片的脚本
2021/06/02 Python
python自动化测试通过日志3分钟定位bug
2021/11/20 Python
MySQL数据库如何使用Shell进行连接
2022/04/12 MySQL