欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

15個非常實用的JavaScript代碼片段

 更新時間:2016年12月18日 17:36:13   作者:ZGhekuiwu  
這篇文章主要為大家詳細介紹了15個非常實用的JavaScript代碼片段,具有一定的參考價值,感興趣的小伙伴們可以參考一下

本文實例為大家分享了非常實用的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ù)組對象 “arguments”轉(zhuǎn)為數(shù)組:

Array.prototype.slice.call(arguments);

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

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

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

5.單鏈式運算(如 a++ -1):

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

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

6.有趣的void操作符:

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

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

7.跳轉(zhuǎn)至新頁面,并且保證瀏覽器不會再回退:

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

location 的 replace() 方法可以用一個新的文檔替換當前文檔,并且該方法還會覆蓋 History 對象中的記錄。

8.幾秒鐘之后返回上一頁:

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

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

window.opener.location.reload();

10.驗證是否為負數(shù)的正則表達式:

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

11.用JavaScript打印頁面:

window.print()

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

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

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

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

alert("p\np")

"\n"代表換行符。

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

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

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

15.理解JavaScript中的閉包:

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

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

利用閉包的原理實現(xiàn),代碼如下:

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

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

相關(guān)文章

  • TypeScript中interface和type的區(qū)別詳解

    TypeScript中interface和type的區(qū)別詳解

    本文主要介紹了TypeScript中interface和type的區(qū)別詳解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-07-07
  • js實現(xiàn)純前端壓縮圖片

    js實現(xiàn)純前端壓縮圖片

    這篇文章主要為大家詳細介紹了js實現(xiàn)純前端壓縮圖片,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • js 獲取站點應(yīng)用名的簡單實例

    js 獲取站點應(yīng)用名的簡單實例

    下面小編就為大家?guī)硪黄猨s 獲取站點應(yīng)用名的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-08
  • javascript閉包(Closure)用法實例簡析

    javascript閉包(Closure)用法實例簡析

    這篇文章主要介紹了javascript閉包(Closure)用法,結(jié)合實例形式較為詳細的分析了JavaScript閉包的概念、功能及使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-11-11
  • js常用的繼承--組合式繼承

    js常用的繼承--組合式繼承

    本篇文章主要介紹了js常用的繼承--組合式繼承的相關(guān)知識,具有很好的參考價值。下面跟著小編一起來看下吧
    2017-03-03
  • 微信公眾平臺開發(fā)教程(四) 實例入門:機器人回復(fù)(附源碼)

    微信公眾平臺開發(fā)教程(四) 實例入門:機器人回復(fù)(附源碼)

    本篇文章主要介紹了微信公眾平臺開發(fā)機器人,可以實現(xiàn)簡單對話和查詢天氣等,有需要的可以了解一下。
    2016-12-12
  • js實現(xiàn)自動圖片輪播代碼

    js實現(xiàn)自動圖片輪播代碼

    這篇文章主要為大家詳細介紹了js實現(xiàn)自動輪播的實現(xiàn)代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • JS無縫滾動效果實現(xiàn)方法分析

    JS無縫滾動效果實現(xiàn)方法分析

    這篇文章主要介紹了JS無縫滾動效果實現(xiàn)方法,結(jié)合實例形式較為詳細的分析了無縫滾動的原理、實現(xiàn)技巧與相關(guān)注意事項,需要的朋友可以參考下
    2016-12-12
  • 基于Javascript實現(xiàn)二級聯(lián)動菜單效果

    基于Javascript實現(xiàn)二級聯(lián)動菜單效果

    這篇文章主要為大家詳細介紹了基于Javascript實現(xiàn)二級聯(lián)動菜單效果的相關(guān)資料,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-03-03
  • 微信小程序?qū)崿F(xiàn)工作時間段選擇

    微信小程序?qū)崿F(xiàn)工作時間段選擇

    這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)工作時間段選擇,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-02-02

最新評論