next：js正則表達式，閉包，apply，callee，事件相關(guān)函數(shù)，Cookie等

1.javascript的數(shù)組API
//定義數(shù)組
var pageIds = new Array();
pageIds.push('A');
數(shù)組長度
pageIds.length;
//shift：刪除原數(shù)組第一項，并返回刪除元素的值；如果數(shù)組為空則返回undefined
var a = [1,2,3,4,5];
var b = a.shift(); //a：[2,3,4,5] b：1
//unshift：將參數(shù)添加到原數(shù)組開頭，并返回數(shù)組的長度
var a = [1,2,3,4,5];
var b = a.unshift(-2,-1); //a：[-2,-1,1,2,3,4,5] b：7
//注：在IE6.0下測試返回值總為undefined，F(xiàn)F2.0下測試返回值為7，所以這個方法的返回值不可靠，需要用返回值時可用splice代替本方法來使用。
//pop：刪除原數(shù)組最后一項，并返回刪除元素的值；如果數(shù)組為空則返回undefined
var a = [1,2,3,4,5];
var b = a.pop(); //a：[1,2,3,4] b：5
//push：將參數(shù)添加到原數(shù)組末尾，并返回數(shù)組的長度
var a = [1,2,3,4,5];
var b = a.push(6,7); //a：[1,2,3,4,5,6,7] b：7
//concat：返回一個新數(shù)組，是將參數(shù)添加到原數(shù)組中構(gòu)成的
var a = [1,2,3,4,5];
var b = a.concat(6,7); //a：[1,2,3,4,5] b：[1,2,3,4,5,6,7]
//splice(start,deleteCount,val1,val2,)：從start位置開始刪除deleteCount項，并從該位置起插入val1,val2,
var a = [1,2,3,4,5];
var b = a.splice(2,2,7,8,9); //a：[1,2,7,8,9,5] b：[3,4]
var b = a.splice(0,1); //同shift
a.splice(0,0,-2,-1); var b = a.length; //同unshift
var b = a.splice(a.length-1,1); //同pop
a.splice(a.length,0,6,7); var b = a.length; //同push
//reverse：將數(shù)組反序
var a = [1,2,3,4,5];
var b = a.reverse(); //a：[5,4,3,2,1] b：[5,4,3,2,1]
//sort(orderfunction)：按指定的參數(shù)對數(shù)組進行排序
var a = [1,2,3,4,5];
var b = a.sort(); //a：[1,2,3,4,5] b：[1,2,3,4,5]
//slice(start,end)：返回從原數(shù)組中指定開始下標到結(jié)束下標之間的項組成的新數(shù)組
var a = [1,2,3,4,5];
var b = a.slice(2,5); //a：[1,2,3,4,5] b：[3,4,5]
//join(separator)：將數(shù)組的元素組起一個字符串，以separator為分隔符，省略的話則用默認用逗號為分隔符
var a = [1,2,3,4,5];
var b = a.join("|"); //a：[1,2,3,4,5] b："1|2|3|4|5"

2.dom最常用API
document方法：
getElementById(id) Node 返回指定結(jié)點的引用
getElementsByTagName(name) NodeList 返回文檔中所有匹配的元素的集合
createElement(name) Node Node
createTextNode(text) Node 創(chuàng)建一個純文本結(jié)點
ownerDocument Document 指向這個節(jié)點所屬的文檔
documentElement Node 返回html節(jié)點
document.body Node 返回body節(jié)點
element方法：
getAttribute(attributeName) String 返回指定屬性的值
setAttribute(attributeName,value) String 給屬性賦值
removeAttribute(attributeName) String 移除指定屬性和它的值
getElementsByTagName(name) NodeList 返回結(jié)點內(nèi)所有匹配的元素的集合
node方法：
appendChild(child) Node 給指定結(jié)點添加一個新的子結(jié)點
removeChild(child) Node 移除指定結(jié)點的子結(jié)點
replaceChild(newChild,oldChild) Node 替換指定結(jié)點的子結(jié)點
insertBefore(newChild,refChild) Node 在同一層級的結(jié)點前面插入新結(jié)點
hasChildNodes() Boolean 如果結(jié)點有子結(jié)點則返回true
node屬性：
nodeName String 以字符串的格式存放結(jié)點的名稱
nodeType String 以整型數(shù)據(jù)格式存放結(jié)點的類型
nodeValue String 以可用的格式存放結(jié)點的值
parentNode Node 指向結(jié)點的父結(jié)點的引用
childNodes NodeList 指向子結(jié)點的引用的集合
firstChild Node 指向子結(jié)點結(jié)合中的第一個子結(jié)點的引用
lastChild Node 指向子結(jié)點結(jié)合中的最后一個子結(jié)點的引用
previousSibling Node 指向前一個兄弟節(jié)點；如果這個節(jié)點就是兄弟節(jié)點，那么該值為null
nextSibling Node 指向后一個兄弟節(jié)點；如果這個節(jié)點就是兄弟節(jié)點，那么該值為null
3.網(wǎng)上搜藏的一個map對象:
function HashMap()
{
/** Map 大小 **/
var size = 0;
/** 對象 **/
var entry = new Object();
/** 存 **/
this.put = function (key , value)
{
if(!this.containsKey(key))
{
size ++ ;
}
entry[key] = value;
}
/** 取 **/
this.get = function (key)
{
return this.containsKey(key) ? entry[key] : null;
}
/** 刪除 **/
this.remove = function ( key )
{
if( this.containsKey(key) && ( delete entry[key] ) )
{
size --;
}
}
/** 是否包含 Key **/
this.containsKey = function ( key )
{
return (key in entry);
}
/** 是否包含 Value **/
this.containsValue = function ( value )
{
for(var prop in entry)
{
if(entry[prop] == value)
{
return true;
}
}
return false;
}
/** 所有 Value **/
this.values = function ()
{
var values = new Array();
for(var prop in entry)
{
values.push(entry[prop]);
}
return values;
}
/** 所有 Key **/
this.keys = function ()
{
var keys = new Array();
for(var prop in entry)
{
keys.push(prop);
}
return keys;
}
/** Map Size **/
this.size = function ()
{
return size;
}
/* 清空 */
this.clear = function ()
{
size = 0;
entry = new Object();
}
}
var map = new HashMap();
/*
map.put("A","1");
map.put("B","2");
map.put("A","5");
map.put("C","3");
map.put("A","4");
*/
/*
alert(map.containsKey("XX"));
alert(map.size());
alert(map.get("A"));
alert(map.get("XX"));
map.remove("A");
alert(map.size());
alert(map.get("A"));
*/
/** 同時也可以把對象作為 Key **/
/*
var arrayKey = new Array("1","2","3","4");
var arrayValue = new Array("A","B","C","D");
map.put(arrayKey,arrayValue);
var value = map.get(arrayKey);
for(var i = 0 ; i < value.length ; i++)
{
//alert(value[i]);
}
*/
/** 把對象做為Key時 ，自動調(diào)用了該對象的 toString() 方法 其實最終還是以String對象為Key**/
/** 如果是自定義對象 那自己得重寫 toString() 方法 否則 . 就是下面的結(jié)果 **/
function MyObject(name)
{
this.name = name;
}
/**
function MyObject(name)
{
this.name = name;
this.toString = function ()
{
return this.name;
}
}
**/
var object1 = new MyObject("小張");
var object2 = new MyObject("小名");
map.put(object1,"小張");
map.put(object2,"小名");
alert(map.get(object1));
alert(map.get(object2));
map.remove("xxxxx");
alert(map.size());
/** 運行結(jié)果 小名 小名 size = 1 **/
/** 如果改成復(fù)寫toString()方法的對象 , 效果就完全不一樣了 **/
</script>
4.常用的數(shù)字函數(shù):
·數(shù)字型(Number)
1.聲明
var i = 1;
var i = new Number(1);
2.字符串與數(shù)字間的轉(zhuǎn)換
var i = 1;
var str = i.toString(); //結(jié)果: "1"
var str = new String(i); //結(jié)果: "1"
i = parseInt(str); //結(jié)果: 1
i = parseFloat(str); //結(jié)果: 1.0
//注意: parseInt,parseFloat會把一個類似于"32G"的字符串,強制轉(zhuǎn)換成32
3.判斷是否為有效的數(shù)字
var i = 123; var str = "string";
if( typeof i == "number" ){ } //true
//某些方法(如:parseInt,parseFloat)會返回一個特殊的值NaN(Not a Number)
//請注意第2點中的[注意],此方法不完全適合判斷一個字符串是否是數(shù)字型!!
i = parseInt(str);
if( isNaN(i) ){ }
4.數(shù)字型比較
//此知識與[字符串比較]相同
5.小數(shù)轉(zhuǎn)整數(shù)
var f = 1.5;
var i = Math.round(f); //結(jié)果:2 (四舍五入)
var i = Math.ceil(f); //結(jié)果:2 (返回大于f的最小整數(shù))
var i = Math.floor(f); //結(jié)果:1 (返回小于f的最大整數(shù))
6.格式化顯示數(shù)字
var i = 3.14159;
//格式化為兩位小數(shù)的浮點數(shù)
var str = i.toFixed(2); //結(jié)果: "3.14"
//格式化為五位數(shù)字的浮點數(shù)(從左到右五位數(shù)字,不夠補零)
var str = i.toPrecision(5); //結(jié)果: "3.1415"
7.X進制數(shù)字的轉(zhuǎn)換
//不是很懂 -.-
var i = parseInt("0x1f",16);
var i = parseInt(i,10);
var i = parseInt("11010011",2);
8.隨機數(shù)
//返回0-1之間的任意小數(shù)
var rnd = Math.random();
//返回0-n之間的任意整數(shù)(不包括n)
var rnd = Math.floor(Math.random() * n)

5.網(wǎng)上搜藏的js堆棧:
function stack(){
if(this.top==undefined){
//初始化堆棧的頂部指針和數(shù)據(jù)存放域
this.top=0;
this.unit=new Array();
}
this.push=function(pushvalue){
//定義壓入堆棧的方法
this.unit[this.top]=pushvalue;
this.top+=1;
}
this.readAllElements=function(){
//定義讀取所有數(shù)據(jù)的方法
if(this.top==0){
alert("當前棧空，無法讀取數(shù)據(jù)");
return("");
}
var count=0;
var outStr="";
for(count=0;count<this.top;count++){
outStr+=this.unit[count]+",";
}
return(outStr);
}
this.pop=function(){
//定義彈出堆棧的方法
if(this.top==0){
alert("當前?？?，無法彈出數(shù)據(jù)");
return("");
}
var popTo=this.unit[this.top-1];
this.top--;
return(popTo);
/* 從堆棧彈出數(shù)據(jù)，頂部指針減一，不過這里沒有做到資源的釋放，也
就是說數(shù)據(jù)仍然存在于this.unit的數(shù)組中，只不過無法訪問罷了。目前
我也沒想到好的辦法解決。*/
}
}

6.最常用的JavaScript日期函數(shù):
·日期型(Date)
1.聲明
var myDate = new Date(); //系統(tǒng)當前時間
var myDate = new Date(yyyy, mm, dd, hh, mm, ss);
var myDate = new Date(yyyy, mm, dd);
var myDate = new Date("monthName dd, yyyy hh:mm:ss");
var myDate = new Date("monthName dd, yyyy");
var myDate = new Date(epochMilliseconds);
2.獲取時間的某部份
var myDate = new Date();
myDate.getYear(); //獲取當前年份(2位)
myDate.getFullYear(); //獲取完整的年份(4位,1970-????)
myDate.getMonth(); //獲取當前月份(0-11,0代表1月)
myDate.getDate(); //獲取當前日(1-31)
myDate.getDay(); //獲取當前星期X(0-6,0代表星期天)
myDate.getTime(); //獲取當前時間(從1970.1.1開始的毫秒數(shù)) 時間戳?。?
myDate.getHours(); //獲取當前小時數(shù)(0-23)
myDate.getMinutes(); //獲取當前分鐘數(shù)(0-59)
myDate.getSeconds(); //獲取當前秒數(shù)(0-59)
myDate.getMilliseconds(); //獲取當前毫秒數(shù)(0-999)
myDate.toLocaleDateString(); //獲取當前日期
myDate.toLocaleTimeString(); //獲取當前時間
myDate.toLocaleString( ); //獲取日期與時間
3.計算之前或未來的時間
var myDate = new Date();
myDate.setDate(myDate.getDate() + 10); //當前時間加10天
//類似的方法都基本相同,以set開頭,具體參考第2點
4.計算兩個日期的偏移量
var i = daysBetween(beginDate,endDate); //返回天數(shù)
var i = beginDate.getTimezoneOffset(endDate); //返回分鐘數(shù)
5.檢查有效日期
//checkDate() 只允許"mm-dd-yyyy"或"mm/dd/yyyy"兩種格式的日期
if( checkDate("2006-01-01") ){ }
//正則表達式(自己寫的檢查 yyyy-mm-dd, yy-mm-dd, yyyy/mm/dd, yy/mm/dd 四種)
var r = /^(\d{2}|\d{4})[\/-]\d{1,2}[\/-]\d{1,2}$/;
if( r.test( myString ) ){ }

7.最常用字符串函數(shù)API:
·字符串(String)
1.聲明
var myString = new String("Every good boy does fine.");
var myString = "Every good boy does fine.";
2.字符串連接
var myString = "Every " + "good boy " + "does fine.";
var myString = "Every "; myString += "good boy does fine.";
3.截取字符串
//截取第 6 位開始的字符
var myString = "Every good boy does fine.";
var section = myString.substring(6); //結(jié)果: "good boy does fine."
//截取第 0 位開始至第 10 位為止的字符
var myString = "Every good boy does fine.";
var section = myString.substring(0,10); //結(jié)果: "Every good"
//截取從第 11 位到倒數(shù)第 6 位為止的字符
var myString = "Every good boy does fine.";
var section = myString.slice(11,-6); //結(jié)果: "boy does"
//從第 6 位開始截取長度為 4 的字符
var myString = "Every good boy does fine.";
var section = myString.substr(6,4); //結(jié)果: "good"
4.轉(zhuǎn)換大小寫
var myString = "Hello";
var lcString = myString.toLowerCase(); //結(jié)果: "hello"
var ucString = myString.toUpperCase(); //結(jié)果: "HELLO"
5.字符串比較
var aString = "Hello!";
var bString = new String("Hello!");
if( aString == "Hello!" ){ } //結(jié)果: true
if( aString == bString ){ } //結(jié)果: true
if( aString === bString ){ } //結(jié)果: false (兩個對象不同,盡管它們的值相同)
6.檢索字符串
var myString = "hello everybody.";
// 如果檢索不到會返回-1,檢索到的話返回在該串中的起始位置
if( myString.indexOf("every") > -1 ){ } //結(jié)果: true
7.查找替換字符串
var myString = "I is your father.";
var result = myString.replace("is","am"); //結(jié)果: "I am your father."
8.特殊字符:
\b : 后退符 \t : 水平制表符
\n : 換行符 \v : 垂直制表符
\f : 分頁符 \r : 回車符
\" : 雙引號 \' : 單引號
\\ : 反斜桿
9.將字符轉(zhuǎn)換成Unicode編碼
var myString = "hello";
var code = myString.charCodeAt(3); //返回"l"的Unicode編碼(整型)
var char = String.fromCharCode(66); //返回Unicode為66的字符
10.將字符串轉(zhuǎn)換成URL編碼
var myString = "hello all";
var code = encodeURI(myString); //結(jié)果: "hello%20all"
var str = decodeURI(code); //結(jié)果: "hello all"
//相應(yīng)的還有: encodeURIComponent() decodeURIComponent()
8.數(shù)學函數(shù):
·Math對象
1. Math.abs(num) : 返回num的絕對值
2. Math.acos(num) : 返回num的反余弦值
3. Math.asin(num) : 返回num的反正弦值
4. Math.atan(num) : 返回num的反正切值
5. Math.atan2(y,x) : 返回y除以x的商的反正切值
6. Math.ceil(num) : 返回大于num的最小整數(shù)
7. Math.cos(num) : 返回num的余弦值
8. Math.exp(x) : 返回以自然數(shù)為底,x次冪的數(shù)
9. Math.floor(num) : 返回小于num的最大整數(shù)
10.Math.log(num) : 返回num的自然對數(shù)
11.Math.max(num1,num2) : 返回num1和num2中較大的一個
12.Math.min(num1,num2) : 返回num1和num2中較小的一個
13.Math.pow(x,y) : 返回x的y次方的值
14.Math.random() : 返回0到1之間的一個隨機數(shù)
15.Math.round(num) : 返回num四舍五入后的值
16.Math.sin(num) : 返回num的正弦值
17.Math.sqrt(num) : 返回num的平方根
18.Math.tan(num) : 返回num的正切值
19.Math.E : 自然數(shù)(2.718281828459045)
20.Math.LN2 : 2的自然對數(shù)(0.6931471805599453)
21.Math.LN10 : 10的自然對數(shù)(2.302585092994046)
22.Math.LOG2E : log 2 為底的自然數(shù)(1.4426950408889634)
23.Math.LOG10E : log 10 為底的自然數(shù)(0.4342944819032518)
24.Math.PI : π(3.141592653589793)
25.Math.SQRT1_2 : 1/2的平方根(0.7071067811865476)
26.Math.SQRT2 : 2的平方根(1.4142135623730951)
9.瀏覽器特征函數(shù):
1.瀏覽器名稱
//IE : "Microsoft Internet Explorer"
//NS : "Netscape"
var browserName = navigator.appName;
2.瀏覽器版本
bar browserVersion = navigator.appVersion;
3.客戶端操作系統(tǒng)
var isWin = ( navigator.userAgent.indexOf("Win") != -1 );
var isMac = ( navigator.userAgent.indexOf("Mac") != -1 );
var isUnix = ( navigator.userAgent.indexOf("X11") != -1 );
4.判斷是否支持某對象,方法,屬性
//當一個對象,方法,屬性未定義時會返回undefined或null等,這些特殊值都是false
if( document.images ){ }
if( document.getElementById ){ }
5.檢查瀏覽器當前語言
if( navigator.userLanguage ){ var l = navigator.userLanguage.toUpperCase(); }
6.檢查瀏覽器是否支持Cookies
if( navigator.cookieEnabled ){ }
10.JavaScript面向?qū)ο蟮姆椒▽崿F(xiàn)繼承:call方法

11.用面向?qū)ο蟮木幊谭绞綄慗avaScript:

12.常用的js方法,包括表單校驗的一些方法,下拉菜單常用的方法等等:

將上面的js保存之后,使用下面的html進行測試: