DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 15個非常實用的JavaScript代碼片段
15個非常實用的JavaScript代碼片段
編輯:關於JavaScript     

本文實例為大家分享了非常實用的js片段,供大家參考,具體內容如下

1.如何區分IE及非IE浏覽器:

if(!+[1,]){ //IE 11 不支持
alert("這是 IE 浏覽器");
}else{
alert("這不是 IE 浏覽器");
}

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.jb51.net");

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()函數: 

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

用原型鏈形式繼承,構造函數重新指向新創建的對象。

15.理解JavaScript中的閉包:

例如,以下代碼會輸出5次,結果都是5,那麼如何輸出0、1、2、3、4?

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

利用閉包的原理實現,代碼如下:

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

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved