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、1、2、3、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 }                

  敬請關注下篇~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM