动态加载脚本提升javascript性能
更新时间：2014年02月24日 15:47:07 作者：
动态加载脚本可以有效提升javascript性能，下面有个不错的示例，大家可以参考下
通过文档对象模型（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>区域而不会影响页面其他部分。
复制代码 代码如下:
<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手风琴下拉菜单实现代码，纯手写的，感兴趣的朋友不要错过。2015-11-11
你可能不知道的JavaScript的new Function()方法
JavaScript的精神领袖Douglas Crockford曾说过JavaScript是程序员唯一不需要学习就能直接使用的语言. 在编程中确实是如此2014-04-04
下面小编就为大家带来一篇纯JS实现可拖拽表单的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
下面小编就为大家带来一篇javascript作用域、作用域链(菜鸟必看)。小编觉得 挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要给大家介绍了关于uniapp中刷新本页面的三种方法,刷新页面的具体逻辑可以根据实际需求进行编写,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-10-10
特别酷的分页展示效果，原生JS实现，点击分页看效果2012-11-11
这篇文章主要介绍了javascript深拷贝的原理与实现方法,简单分析了值传递和引用传递的原理与实现方法,并结合实例形式给出了深拷贝的具体实现技巧,需要的朋友可以参考下2017-04-04
动态的改变IFrame的高度实现IFrame自动伸展适应高度
动态的改变IFrame的高度，实现IFrame自动伸展，父页面也自动神缩原理： 在IFrame子页面一加载的时候，调用父IFrame对象，改变其高度2012-12-12
这篇文章主要介绍了详解浏览器渲染页面过程的相关资料,需要的朋友可以参考下2017-02-02
下面小编就为大家带来一篇JS判断浏览器是否安装flash插件的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
最新评论