JavaScript 是 Web 开发与设计中不可或缺的东西，不管是一个简单的网页还是一个专业的站点，也不管你是高手还是菜鸟，如今 JavaScript 库越来越强大，可以胜任许多复杂的工作，然而同时，人们在众多 JavaScript 库面前又觉得无所适从，本文，我们将使用 Google 搜索出排名前 10 位的 JavaScript 库，并对它们逐一进行介绍。
1. jQuery: The Write Less, Do More, JavaScript Library

jQuery 是一个很新的 JavaScript 库，它的口号是“几行代码，能干大事”（Write Less, Do More），它是拥有最多插件和扩展的 JavaScript 库，以下是 jQuery 现状：

当前版本： 1.3.2
文件尺寸：压缩后最小19KB，未压缩为120K。
作者： John Resig
拥有19种语言的教程: 教程总计183种。
著名用户： 超过1000个
插件: 3493
易学
对设计师来说非常易学，使用 CSS 语法
拥有大量有趣的扩展
拥有非常出色的社区，可能是最大的
被数以百万的站点使用，包括诸如 Google, Dell, CBS, NBC, DIGG, Bank of America, Wordpress, Drupal, Mozilla 等著名站点。

2. MooTools – a [...]

概述
jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆js来调用命令了，只需定义 id 即可。今天在Kollermedia.at上发现了一篇JQuery插件列表的文章，特推荐如下。

有系统看过javascript，直接看javascript代码，老是发现花括号
在javascript中使用，如果仅仅是包个函数体也就得了，但是有时看到一些考究点
用法，就像是ruby中的hash用法一样，通过key对应值来表达一个意思时，往往
在脑海中当作类似对象而一阅而过。
今天当了个javasscript的大全（chm格式）仔细查找{}的用法，竟然没有找到用{}各种说明？
翻了下网上资料，学到了所要明白的东西。
如下就是我所要的：没在help资料上看到叙述，倒在优秀代码中发现比比皆是都
这样定义对象啊。

JavaScript 中有两个特殊数据类型：null 和 undefined，前面已经介绍了 null 的判断，下面谈谈 undefined 的判断。
以下是不正确的用法：

var exp = undefined;
if (exp == undefined)
{
alert(“undefined”);
}

exp 为 null 时，也会得到与 undefined 相同的结果，虽然 null 和 undefined 不一样。

var exp = undefined;
if (typeof(exp) == undefined)
{
alert(“undefined”);
}

typeof 返回的是字符串，有六种可能：”number”、”string”、”boolean”、”object”、”function”、”undefined”

效率的东西需要去测试和优化，一个高效的程序真的不容易！平时我们看到网上很多怪异
的编程写法真的有它存在的道理！不是他们把问题故意搞复杂化，而是他们比你要考虑多了！考虑
多了，很多怪异的想法也出来了！比如有时候在想 PHP 的注释会不会影响效率呢？那么很自然的
就想去做个测试！
 
现在给大家介绍一个我常用来做测试 PHP 效率的类：

< ?php
class timer {
var $StartTime = 0;
var $StopTime = 0;
var $TimeSpent = 0;
function start() {
$this->StartTime = microtime();
}
function stop() {
[...]

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

(function(){
// document.getElementById shorthand
function get(id){
return document.getElementById(id);
}
window.onload = function(){
get(‘makeinput’).onmousedown = function(){
var input = document.createElement(‘input’);
input.setAttribute(‘type’, ‘text’);
input.setAttribute(‘value’, ‘test1′);
get(‘inpwrapper’).appendChild(input);
input.focus();
input.select();
}
get(‘makeinput2′).onmousedown = function(){
var input = document.createElement(‘input’);
input.setAttribute(‘type’, ‘text’);
input.setAttribute(‘value’, ‘test1′);
get(‘inpwrapper2′).appendChild(input);
setTimeout(function(){
input.focus();
input.select();
}, 0);
}
get(‘input’).onkeypress = function(){
get(‘preview’).innerHTML = this.value;
}
}
})();

setTimeout
1、未使用 setTimeout
生成 input

2、使用 setTimeout
生成 input

3、另一个例子

如果你能看看源代码，会发现我们的任务很简单，就是给文档增加一个 input 文本框，并聚焦和选中。请现在分别点击一下，可以看到，1 并没有能够聚焦和选中，而 2 可以。它们之间的区别在于，在执行
input.focus();
input.select();
时， 2 多了一个延迟时间为 0 的 setTimeout 的外围函数，即：
setTimeout(function(){
 input.focus();
 input.select();
}, 0);

js打字输出效果，不错，但是有点占CUP资源。。。

var msg = “只需在此输入您的问题!” ;
var interval = 200;
var spacelen = 100;
var space10=” “;
var seq=0;
var cont=true
function Scroll() {
len = msg.length;
document.askandsearch.key.value = msg.substring(0, seq+1);
seq++;
if ( seq >= len ) {
seq = 0;
var per=Math.round(Math.random()*(3-1))+1;
switch (per){
case 1: msg=”你爱我吗？”;break;
case [...]

js获取屏幕尺寸、网页可见区域、网页正文全文、网页正文部分、屏幕分辨率、屏幕可用工作区

document.write(“屏幕尺寸：”+screen.width+”*”+screen.height)

—————————————————————

function centerWindow(url,w,h){
l=(screen.width-w)/2
t=(screen.height-h)/2
window.open(url,”,’left=’+l+’,top=’+t+’,width=’+w+’,height=’+h)
}

—————————————————————

var s =”网页可见区域宽：”+ document.body.clientWidth;
s+=”网页可见区域高：”+ document.body.clientHeight;
s += “网页正文全文宽：”+ document.body.scrollWidth;
s += “网页正文全文高：”+ document.body.scrollHeight;
s += “网页正文部分上：”+ window.screenTop;
s += “网页正文部分左：”+ window.screenLeft;
s [...]

      做web开发的朋友都清楚，js程序的调试是相当郁闷的，因为首先这种语言语法比较灵活，它是一种弱类型的脚本语言，很多错误是无法控制的，这些不谈，最痛苦的是没有什么好的调试工具，现在的情况比以前稍好，在Firefox下还有firebug，这的确是一个不错的js调试工具，但在IE下使用就很麻烦，而且效果很不好，今天寻找一个很好的IE下的js调试工具，能够自动捕获错误，并定位位置和原因。这个工具的名字叫Companion.JS，它是作为ie的插件来安装使用的，而且需要结合Microsoft Script Debugger使用，通过安装这个工具，但页面出现错误时会在左上角弹出一个小错误提示，点击会在IE下面显示出一个错误控制台，就如FF下的firebug控制台一样。错误信息提示很详细。

支持所有浏览器,添加了左侧菜单点击变色效果：效果很不错,你用了就知道了。。。

body{font-size:12px;}
ul,li,h2{margin:0;padding:0;}
ul{list-style:none;}
#top{width:900px;height:40px;margin:0 auto;background-color:#CCCC00}
#top h2{width:150px;height:40px;background-color:#99CC00;float:left;font-size:14px;text-align:center;line-height:40px;}
#topTags{width:750px;height:40px;margin:0 auto;background-color:#CCCC00;float:left}
#topTags ul li{float:left;width:100px;height:25px;margin-right:5px;display:block;text-align:center;cursor:pointer;padding-top:15px;}
#main{width:900px;height:500px;margin:0 auto;background-color:#F5F7E6;}
#leftMenu{width:150px;height:500px;background-color:#009900;float:left}
#leftMenu ul{margin:10px;}
#leftMenu ul li{width:130px;height:30px;display:block;background:#99CC00;cursor:pointer;line-height:30px;text-align:center;margin-bottom:5px;}
#leftMenu ul li a{color:#000000;text-decoration:none;}
#content{width:750px;height:500px;float:left}
.content{width:740px;height:490px;display:none;padding:5px;overflow-y:auto;line-height:30px;}
#footer{width:900px;height:30px;margin:0 auto;background-color:#ccc;line-height:30px;text-align:center;}
.content1 {width:740px;height:490px;display:block;padding:5px;overflow-y:auto;line-height:30px;}

window.onload=function(){
function $(id){return document.getElementById(id)}
var menu=$(“topTags”).getElementsByTagName(“ul”)[0];//顶部菜单容器
var tags=menu.getElementsByTagName(“li”);//顶部菜单
var ck=$(“leftMenu”).getElementsByTagName(“ul”)[0].getElementsByTagName(“li”);//左侧菜单
var j;
//点击左侧菜单增加新标签
for(i=0;i=0){
clearStyle();
tags[tags.length-1].style.backgroundColor=”yellow”;
clearContent();
var cc=tags[tags.length-1].id.split(“p”);
$(“c”+cc[1]).style.display=”block”;
clearMenu();
ck[cc[1]].style.background=”yellow”;
}
else{
clearContent();
clearMenu();
$(“welcome”).style.display=”block”
}
}
}
menu.appendChild(tagMenu);
}
//清除菜单样式
function clearMenu(){
for(i=0;i