JavaScript代碼段整理筆記系列（一）

　　　　30段JavaScript代碼——上篇

---

 

　　1.如何區分IE及非IE瀏覽器：

1 if(!+[1,]){                //IE 11 不支持
2 alert("這是 IE 瀏覽器")； 3 }else{ 4      alert("這不是 IE 瀏覽器")； 5 ｝

　　2.將日期直接轉換爲數值：

　　 +new Date(); 

　　3.非IE瀏覽器下將類數組對象 「arguments」轉爲數組：

 　　Array.prototype.slice.call(arguments); 

　　4.最簡單的選擇運算符||：

var a = 0 || 3; console.log(a); //結果3 

　　 若是=後面的第一個值計算結果爲布爾值「真」，則 a 的值取第 1 個，不然取第 2 個。

　　5.單鏈式運算（如 a++ -1）:

var a=10; console.log(a++ -1); 

　　先執行「a-1」，再執行「a=a+1」。

　　6.有趣的void操做符：

　　 <a href="javascript:void(0)">我是一個死連接</a> 

　　void是一種操做符，用來計算一個表達式但不返回值。

　　7.跳轉至新頁面，而且保證瀏覽器不會再回退：

　　 location.replace("http://www.baidu.com"); 

　　location 的 replace() 方法能夠用一個新的文檔替換當前文檔，而且該方法還會覆蓋 History 對象中的記錄。

　　8.幾秒鐘以後返回上一頁：

　　 <meta http-equiv="refresh" content="3;url=javascript:window.history.go(-1);"> 

　　9.在打開的子窗口中刷新父窗口：

　　 window.opener.location.reload(); 

　　10.驗證是否爲負數的正則表達式：

　　/^-\d+$/.test(str);

　　11.用JavaScript打印頁面：

　　 window.print() 

　　12.顯示/隱藏一個DOM元素：

el.style.display = ""; el.style.display = "none"; //el是待操做的DOM元素

　　DOM元素的顯示/隱藏主要是經過設置元素的樣式display屬性來實現。

　　13.實現alert()中的文本換行：

　　 alert("p\np")  

　　"\n"表明換行符。

　　14.實現ECMAScript5中的Object.create()函數：　

1 function clone(proto){ 2         function _clone(){} 3         _clone.prototype                 = proto; 4         _clone.prototype.constructor = _clone; 5         return new_clone();                //等價於 Object.create(Person);
6         var me = clone(Person);

　　用原型鍊形式繼承，構造函數從新指向新建立的對象。

　　15.理解JavaScript中的閉包：

　　例如，如下代碼會輸出5次，結果都是5，那麼如何輸出0、一、二、三、4？

1 for(var i = 0; i < 5; i++) { 2        setTimeout(function() { 3  console.log(i); 4        }, 1000); 5 }                 

　　利用閉包的原理實現，代碼以下：

1 for(var i = 0; i < 5; i++) { 2         (function(e) { 3                setTimeout(function() { 4  console.log(e); 5                }, 1000); 6  })(i); 7 }                

　　敬請關注下篇~