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 }
敬請關注下篇~
