javascript性能提升——动态加载脚本
来源:互联网 发布:javascript有编译器吗 编辑:程序博客网 时间:2024/05/01 13:46
——authored by 李家优
通过文档对象模型(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.getElementByTagNames("head")[0].appendChild(script);</script>
这个新创建的<script>元素加载了file1.js文件。文件在该元素被添加到页面时开始下载。这种技术的重点在于:无论在何时启动下载,文件的下载和执行过程不会阻塞页面其他进程。你甚至可以将代码放到页面<head>区域而不会影响页面其他部分。
长按图片识别图中二维码(或搜索微信公众号FrontEndStory)关注“前端那些事儿”,带你了解最新的前端技术。
0 0
- javascript性能提升——动态加载脚本
- javascript性能提升——脚本位置
- javascript性能提升——脚本合并
- javascript性能优化——懒加载提升代码效率
- javascript性能提升——字符串连接
- 如何动态加载Javascript脚本
- 高性能JS 动态脚本加载loadScript
- WEB Workers提升WEB前端脚本JavaScript的处理性能
- WEB Workers提升WEB前端脚本JavaScript的处理性能
- JavaScript 动态加载脚本和样式
- javascript基础:动态加载脚本和样式
- javascript动态加载脚本和样式
- 【JavaScript】动态加载脚本和样式
- javascript性能提升——巧用局部变量
- javascript性能提升——减少访问DOM的次数
- javascript性能提升——减少遍历集合的开销
- javascript性能提升——最小化重绘和重排
- javascript性能提升——Duff's Device
- C语言和设计模式(抽象工厂模式)
- Drawable资源----StateListDrawable
- 图像压缩基础知识
- Using SLF4J and Logback
- Connections between cities lca 求公共最近祖先
- javascript性能提升——动态加载脚本
- Unity MonoBehaviour
- GO-HOME我要回家JAVA2013版火车票抢票程序
- OpenGL中的矩阵相乘的顺序 (转)
- JQuery -- Validate, Jquery 表单校验
- Oracle用户表空间查看、修改…
- css hack 全套
- MyEclipse内存修改
- JAVA通过JDBC连接Oracle数据…