如何正确的加载javascript文件
1) 为什么加载javascript文件很重要?
javascript文件是比较特殊的,因为浏览器加载javascript是串行的。以为着在加载Javascript文件的时候,其他一切资源的下载包括页面的显示都会被阻塞。
2) 如何正确的加载JavaScript?
a. 将JavaScript文件放在页面的最后
因为JavaScript的加载会阻塞页面的显示,所以将JavaScript文件放置在页面的最后,也就是<body>标签结束前。这样用户可以更快的看到页面的显示,可以有更好的用户体验。
b. 并行的加载JavaScript
如果使用普通的<script>标签来引用外部的JS文件,那么JS文件的下载是串行的,这样通常效率会非常低。推荐使用LABjs来加载JavaScript,可以达到JS文件的并行下载,但同时又有机制来保证JS文件执行的顺序。
下面就是一个使用LABj来加载JavaScript的例子
<script>
$LAB
.script("framework.js").wait()
.script("plugin.framework.js")
.script("myplugin.framework.js")
.wait(function(){
myplugin.init();
framework.init();
framework.doSomething();
});
</script>
具体可以查看LABj的官方网站:http://labjs.com/
c. Lazy load
这个往往是讲起来比较容易,做其他比较难。原理很简单,就是页面显示的时候,只加载需要的JS文件,然后在用户操作的时候再加载需要的JS文件。
d. 正确的压缩JS文件
使用JSMin或者Google Closure来压缩JS文件,这个往往可以大大减少JS文件的大小。
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/Danwang/archive/2010/02/03/5286576.aspx
相关文档:
在 document 对象中有一个 cookie 属性。但是 Cookie 又是什么?“某些 Web 站点在您的硬盘上用很小的文本文件存储了一些信息,这些文件就称为 Cookie。”—— MSIE 帮助。一般来说,Cookies 是 CGI 或类似,比 HTML 高级的文件、程序等创建的,但是 JavaScript 也提供了对 Cookies 的很全面的访问权利 ......
JavaScript动态加载CSS的三种方法 收藏
如果你有很多关联的CSS文件要一起加载,或者想动态的加载不同的CSS文件,那么下面的方法你一定对你有帮助。
第一种:一般用在外部CSS文件中加载必须的文件
程序代码
@import url(style.css);
/*只能用在CSS文件中或者style标签中*/
第二种:简单的在页面中加载一 ......
1) 为什么加载javascript文件很重要?
javascript文件是比较特殊的,因为浏览器加载javascript是串行的。以为着在加载Javascript文件的时候,其他一切资源的下载包括页面的显示都会被阻塞。
2) 如何正确的加载JavaScript?
a. 将JavaScript文件放在页面的最后
因为JavaScript的加载会阻塞页面的显示,所以将JavaScrip ......
<script type="text/javascript">
function dayChange(year,month,day){
var selectYear = document.getElementById(year);
var selectMonth = document.getElementById(month);
var selectDay = document.getElementById(day);
va ......
JavaScript API
One of the new features we added to the ASP.Net Report Viewer in Visual Studio 2010 is a JavaScript API to allow you to interact with the viewer on client. In reading many of the posts on the report controls forum, we found that many people struggle when implementing a custom ......