如何正确的加载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文件的大小。
相关文档:
自己在开发中碰到的+了一些在网上搜到的。。和大家分享下。
Dropdownlist无刷新的例子。xml.
例如文本验证!
下面是一个单选按纽前台不刷新的例子.有好的就往上贴
<mce:script language="javascript"><!--
function SetButton()
{
if(document.all.rdoByHuman.checked==true)
{
......
insertAtCurson 函数代两参数分别为对象和输入的字符
function insertAtCursor(myField, myValue)
{
if (document.selection)
{
&nb ......
JavaScript就这么回事1:基础知识
1 创建脚本块
1: <script language=”JavaScript”>
2: JavaScript code goes here
3: </script>
2 隐藏脚本代码
1: <script language=”JavaScript”>
2: <!--
3: document.write(“Hello”);
4: // -->
5: </script ......
javascript调用父窗口(父页面)的方法
window.parent与window.opener的区别 javascript调用主窗口方法
1: window.parent 是iframe页面调用父页面对象
举例:
a.html
Html代码
<html>
<head><title>父页面</title></head> &nb ......
JavaScript基础
stringObject.charAt(index)方法:返回指定索引位置处的字符。
stringObject.slice(start,[end])和stringObject.substring(start,[end])方法都接受两个参数,分别为子字符串的起始位置和终止位置,返回这两者之间的字符串,不包括终止位置的那个字符串。如果不指定第二个参数,则默认为字符串的长度,即 ......