js加载
来源:互联网 发布:seo数据是什么 编辑:程序博客网 时间:2024/06/05 18:23
传统上,加载Javascript文件都是使用<script>标签。
就像下面这样:
<script type="text/javascript" src="example.js"></script>
<script>标签很方便,只要加入网页,浏览器就会读取并运行。但是,它存在一些严重的缺陷。
(1)严格的读取顺序。由于浏览器按照<script>在网页中出现的顺序,读取Javascript文件,然后立即运行,导致在多个文件互相依赖的情况下,依赖性最小的文件必须放在最前面,依赖性最大的文件必须放在最后面,否则代码会报错。
(2)性能问题。浏览器采用"同步模式"加载<script>标签,也就是说,页面会"堵塞"(blocking),等待javascript文件加载完成,然后再运行后面的HTML代码。当存在多个<script>标签时,浏览器无法同时读取,必须读取完一个再去读取另一个,造成读取时间大大延长,页面响应缓慢。
为了解决这些问题,可以使用DOM方法,动态加载Javascript文件。
function loadScript(url){
var script = document.createElement("script");
script.type = "text/javascript";
script.src = url;
document.body.appendChild(script);
}
这样做的原理是,浏览器即时创造出一个<script>标签,然后"异步"读取Javascript文件。这样不会造成页面堵塞,但会造成另外一个问题:这样加载的Javascript文件,不在原始的DOM结构之中,因此在DOM-ready(DOMContentLoaded)事件和window.onload事件中指定的回调函数对它无效。
更多信息http://www.cnblogs.com/tiwlin/archive/2011/12/26/2302554.html
- js加载
- js加载
- JS动态加载JS
- js动态加载js
- js预加载/延迟加载
- JS延迟加载(setTimeout) JS最后加载
- JS加载顺序(优化JS加载)
- js动态加载js文件
- js动态加载js 同步
- Js 动态加载JS CSS
- 【JS】使用JS动态加载
- 加载js判断
- 动态加载JS
- js加载效果
- 动态加载js
- 控制JS的加载
- 跨域JS加载
- 动态加载js文件
- 通过加载ip_nat_pptp模块使iptables支持PPTP穿透
- pjsip: 修改SDP的属性
- tableView的单元格的定制的方法
- 8 个最佳 PHP 库
- 分享android开发过程中用到的一些开源框架
- js加载
- android平台phonegap开发中使用EmailComposer插件发送邮件带附件失败的问题总结
- mutable使用方法——From百科
- relink all的摘抄
- Virtual Networking
- JBoss 系列一:软件安装及资料下载
- 查看电脑详细配置命令
- 统计数据的真相
- POJ 2481 Cows