本文實(shí)例為大家分享了非常實(shí)用的js片段，供大家參考，具體內(nèi)容如下

1.如何區(qū)分IE及非IE瀏覽器：

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

2.將日期直接轉(zhuǎn)換為數(shù)值：

+new Date();

3.非IE瀏覽器下將類數(shù)組對(duì)象 “arguments”轉(zhuǎn)為數(shù)組：

Array.prototype.slice.call(arguments);

4.最簡(jiǎn)單的選擇運(yùn)算符||：

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

如果=后面的第一個(gè)值計(jì)算結(jié)果為布爾值“真”，則 a 的值取第 1 個(gè)，否則取第 2 個(gè)。

5.單鏈?zhǔn)竭\(yùn)算（如 a++ -1）:

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

先執(zhí)行“a-1”，再執(zhí)行“a=a+1”。

6.有趣的void操作符：

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

void是一種操作符，用來(lái)計(jì)算一個(gè)表達(dá)式但不返回值。

7.跳轉(zhuǎn)至新頁(yè)面，并且保證瀏覽器不會(huì)再回退：

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

location 的 replace() 方法可以用一個(gè)新的文檔替換當(dāng)前文檔，并且該方法還會(huì)覆蓋 History 對(duì)象中的記錄。

8.幾秒鐘之后返回上一頁(yè)：

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

9.在打開(kāi)的子窗口中刷新父窗口：

window.opener.location.reload();

10.驗(yàn)證是否為負(fù)數(shù)的正則表達(dá)式：

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

11.用JavaScript打印頁(yè)面：

window.print()

12.顯示/隱藏一個(gè)DOM元素：

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

DOM元素的顯示/隱藏主要是通過(guò)設(shè)置元素的樣式display屬性來(lái)實(shí)現(xiàn)。

13.實(shí)現(xiàn)alert()中的文本換行：

alert("p\np")

"\n"代表?yè)Q行符。

14.實(shí)現(xiàn)ECMAScript5中的Object.create()函數(shù)：　

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

用原型鏈形式繼承，構(gòu)造函數(shù)重新指向新創(chuàng)建的對(duì)象。

15.理解JavaScript中的閉包：

例如，以下代碼會(huì)輸出5次，結(jié)果都是5，那么如何輸出0、1、2、3、4？

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

利用閉包的原理實(shí)現(xiàn)，代碼如下：

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論