亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

javascript常用方法匯總

2019-11-20 13:50:43
字體:
來源:轉載
供稿:網友

本章沒有深奧的講解js一些底層原理,比如this指針、作用域、原型啦,涉及的都是一些有利于平時開發時簡化代碼,提高執行效率,或者說可以當做一種經驗方法來使用,篇幅都不長,小步快跑的讓你閱讀完整篇文章,體驗編程的快樂。

 獲取兩個區間之內隨機數

復制代碼 代碼如下:

function getRandomNum(Min, Max){ // 獲取兩個區間之內隨機數
    // @逆火狂飆  提出有可能第一個參數大于第二個參數,所以增加一下判斷更可靠
    if (Min > Max)
    Max = [Min, Min = Max][0]; // 快速交換兩個變量值
   
    var Range = Max - Min + 1;
    var Rand = Math.random();
    return Min + Math.floor(Rand * Range);
};

隨機返回一個 正/負參數

復制代碼 代碼如下:

function getRandomXY(num){ // 隨機返回一個 正/負參數
    num = new Number(num);
    if (Math.random() <= 0.5)
        num = -num;
    return num;
}

 setInterval()或setTimeOut()計時器函數傳參

復制代碼 代碼如下:

var s = '我是參數';
function fn(args) {
    console.log(args);
}
var a = setInterval(fn(s),100);    // xxxxxx錯誤xxxxx
var b = setInterval(function(){    // 正確,用匿名函數調用被計時函數
    fn(s);
}, 100);

setInterval()或setTimeOut()計時器遞歸調用

復制代碼 代碼如下:

var s = true;
function fn2(a, b){        //  步驟三
    if (s) {
        clearInterval(a);
        clearInterval(b);
    }
};
function fn(a){     //  步驟二
    var b = setInterval(function(){
        fn2(a, b) // 傳入兩個計時器
    }, 200)
};
var a = setInterval(function(){      //  步驟一
    fn(a); // b代表計時器本身,可座位參數傳遞
}, 100);

字符串轉換為數字

復制代碼 代碼如下:

// 無需 new Number(String)   也無需 Number(String) 只需字符串減去零即可
var str = '100';  // str: String
var num = str - 0;// num: Number

空值判斷

復制代碼 代碼如下:

var s = '';  // 空字符串
if(!s)         // 空字符串默認轉換為布爾false,可以直接寫在判斷語句里面
if(s != null) // 但是空字符串 != null
if(s != undefined) // 空字符串也 != undefined

IE瀏覽器parseInt()方法

復制代碼 代碼如下:

// 下面的轉換在IE下為0,其他瀏覽器則為1,這跟IE瀏覽器解釋數字的進制有關
var iNum = parseInt(01);
// 所以,兼容的寫法為
var num = parseInt(new Number(01));

Firebug便捷調試js代碼

復制代碼 代碼如下:

//Firebug內置一個console對象,提供內置方法,用來顯示信息
/**
 * 1:console.log(),可以用來取代alert()或document.write(),支持占位符輸出,字符(%s)、整數(%d或%i)、浮點數(%f)和對象(%o)。如:console.log("%d年%d月%d日",2011,3,26)
 * 2:如果信息太多,可以分組顯示,用到的方法是console.group()和console.groupEnd()
 * 3:console.dir()可以顯示一個對象所有的屬性和方法
 * 4:console.dirxml()用來顯示網頁的某個節點(node)所包含的html/xml代碼
 * 5:console.assert()斷言,用來判斷一個表達式或變量是否為真
 * 6:console.trace()用來追蹤函數的調用軌跡
 * 7:console.time()和console.timeEnd(),用來顯示代碼的運行時間
 * 8:性能分析(Profiler)就是分析程序各個部分的運行時間,找出瓶頸所在,使用的方法是console.profile()....fn....console.profileEnd()
 */

 快速取當前時間毫秒數

復制代碼 代碼如下:

// t == 當前系統毫秒值,原因:+號運算符會,會調用Date的valueOf()方法。
var t = +new Date(); 

快速取小數整數位

復制代碼 代碼如下:

// x == 2,以下x值都為2,負數也可轉換
var x = 2.00023 | 0;
// x = '2.00023' | 0;

兩個變量值互換(不用中間量

復制代碼 代碼如下:

var a = 1;
var b = 2;
a = [b, b=a][0]
alert(a+'_'+b)    // 結果 2_1,a和b的值已經互換。

 邏輯或'||'運算符

復制代碼 代碼如下:

// b不為null:a=b, b為null:a=1。
var a = b || 1;
// 較常見的用法為為一個插件方法傳參,和獲取事件目標元素:event = event || window.event
// IE有window.event對象,而FF沒有。

只有方法對象才有prototype原型屬性

復制代碼 代碼如下:

// 方法有對象原型prototype屬性,而原始數據沒有該屬性,如  var a = 1, a沒有prototype屬性
function Person() {} // 人的構造函數
Person.prototype.run = function() { alert('run...'); } // 原型run方法
Person.run(); // error
var p1 = new Person(); // 只有在new操作符時,此時才會把原型run方法賦值給p1
p1.run(); // run...

快速獲取當天為星期幾

復制代碼 代碼如下:

// 計算系統當前時間是星期幾
var week = "今天是:星期" + "日一二三四五六".charat(new date().getDay());

閉包偏見

復制代碼 代碼如下:

/**
 * 閉包:任何一個js方法體都可以稱為一個閉包,并非什么只有內嵌函數來引用了外部函數的某個參數或屬性才會發生。
 * 它有一個獨立作用域,在該作用域內可存在若干的子作用域(就是方法嵌套方法),最終該閉包作用域為最外層方法的作用域
 * 它包含了本身方法參數和所有內嵌函數的方法參數,所以當一個內嵌函數在外部有引用時,該引用的作用域為引用函數所在的(頂級)方法作用域
 */
function a(x) {
    function b(){
        alert(x); // 引用外部函數參數
    }
    return b;
}
var run = a('run...');
// 由于作用域的擴大,可以引用到外部函數a的變量并顯示
run(); // alert(): run..

獲取地址參數字符串和定時刷新

復制代碼 代碼如下:

// 獲取問號?后面的內容,包括問號
var x = window.location.search
// 獲取警號#后面的內容,包括#號
var y = window.location.hash
// 配合定時器可實現網頁自動刷新
window.location.reload();

Null和Undefined

復制代碼 代碼如下:

/**
 * Undefined類型只有一個值,即undefined。當聲明的變量還未被初始化時,變量的默認值為undefined。
 * Null類型也只有一個值,即null。null用來表示尚未存在的對象,常用來表示函數企圖返回一個不存在的對象。
 * ECMAScript認為undefined是從null派生出來的,所以把它們定義為相等的。
 * 但是,如果在一些情況下,我們一定要區分這兩個值,那應該怎么辦呢?可以使用下面的兩種方法
 * 在進行判斷時根據需要,判斷對象是否有值時最好用‘==='強類型判斷。
 */
var a;
alert(a === null); // false,因為a不是一個空對象
alert(a === undefined); // true,因為a未初始化,值為undefined
// 引申
alert(null == undefined); // true,因為‘=='運算符會進行類型轉換,
// 同理
alert(1 == '1'); // true
alert(0 == false); // true,false轉換為Number類型為0

 給方法動態添加參數

復制代碼 代碼如下:

// 方法a多了一個參數2
function a(x){
    var arg = Array.prototype.push.call(arguments,2);
    alert(arguments[0]+'__'+arguments[1]);
}

自定義SELECT邊框樣式

復制代碼 代碼如下:

<!-- 復制到頁面試試效果吧,可以隨意自定義樣式 -->
<span style="border:1px solid red; position:absolute; overflow:hidden;" >
    <select style="margin:-2px;">
        <option>自定義SELECT邊框樣式</option>
        <option>222</option>
        <option>333</option>
    </select>
</span>

最簡單的調色盤

復制代碼 代碼如下:

<!-- JS來提取其value值即可給任意對象設置任意顏色哦 -->
<input type=color />

函數、對象 is 數組?

復制代碼 代碼如下:

var anObject = {}; //一個對象
anObject.aProperty = “Property of object”; //對象的一個屬性
anObject.aMethod = function(){alert(“Method of object”)}; //對象的一個方法
//主要看下面:
alert(anObject[“aProperty”]); //可以將對象當數組以屬性名作為下標來訪問屬性
anObject[“aMethod”](); //可以將對象當數組以方法名作為下標來調用方法
for( var s in anObject) //遍歷對象的所有屬性和方法進行迭代化處理
alert(s + ” is a ” + typeof(anObject[s]));
// 同樣對于function類型的對象也是一樣:
var aFunction = function() {}; //一個函數
aFunction.aProperty = “Property of function”; //函數的一個屬性
aFunction.aMethod = function(){alert(“Method of function”)}; //函數的一個方法
//主要看下面:
alert(aFunction[“aProperty”]); //可以將函數當數組以屬性名作為下標來訪問屬性
aFunction[“aMethod”](); //可以將函數當數組以方法名作為下標來調用方法
for( var s in aFunction) //遍歷函數的所有屬性和方法進行迭代化處理
alert(s + ” is a ” + typeof(aFunction[s]));

復制代碼 代碼如下:

/**
 * 是的,對象和函數可以象數組一樣,用屬性名或方法名作為下標來訪問并處理。
 * 那么,它到底應該算是數組呢,還是算對象?我們知道,數組應該算是線性數據結構,線性數據結構一般有一定的規律,適合進行統一的批量迭代操作等,有點像波。
 * 而對象是離散數據結構,適合描述分散的和個性化的東西,有點像粒子。
 * 因此,我們也可以這樣問:JavaScript 里的對象到底是波還是粒子?如果存在對象量子論,那么答案一定是:波粒二象性!
 * 因此,JavaScript里的函數和對象既有對象的特征也有數組的特征。這里的數組被稱為“字典”,一種可以任意伸縮的名稱值對兒的集合。其實, object和function的內部實現就是一個字典結構,但這種字典結構卻通過嚴謹而精巧的語法表現出了豐富的外觀。正如量子力學在一些地方用粒子來 解釋和處理問題,而在另一些地方卻用波來解釋和處理問題。你也可以在需要的時候,自由選擇用對象還是數組來解釋和處理問題。只要善于把握 JavaScript 的這些奇妙特性,就可以編寫出很多簡潔而強大的代碼來。
 */

點擊空白處能觸發某一元素關閉/隱藏

復制代碼 代碼如下:

/**
 * 有時候頁面有個下拉菜單或者什么的效果,需要用戶點擊空白處或者點擊其他元素時將其隱藏
 * 可用一個全局document點擊事件來觸發
 * @param {Object} "目標對象"
 */
$(document).click(function(e){
    $("目標對象").hide();
});
/**
 * 但是有一個缺點就是當你點擊該元素又想讓他顯示
 * 如果你不及時阻止事件冒泡至全局出發document對象點擊時,上面方法就會執行
 */
$("目標對象").click(function(event){
    event = event || window.event;
    event.stopPropagation(); // 當點擊目標對象時,及時阻止事件冒泡
    $("目標對象").toggle();
});

以上都是個人整理的一些常用的javascript小方法,記錄下來方便自己開發時直接拿來使用,這里也推薦給有需要的小伙伴。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久久久精品国产亚洲| 911国产网站尤物在线观看| 欧美另类在线观看| 欧美激情a∨在线视频播放| 国产精品99久久久久久久久| 免费av一区二区| 国精产品一区一区三区有限在线| 欧美国产日韩一区| 伊人久久免费视频| 91av在线不卡| 成人黄色片在线| 日韩欧亚中文在线| 日韩欧美中文免费| 久久99国产综合精品女同| 亚洲区一区二区| 国产精品久久久久久久美男| 国产精品av在线| 91精品视频网站| 中文字幕精品一区二区精品| 成人在线精品视频| 日本欧美爱爱爱| 欧美性高跟鞋xxxxhd| 国产在线观看一区二区三区| 亚洲人成电影在线观看天堂色| 色老头一区二区三区在线观看| 日韩中文字幕视频在线| 欧美午夜影院在线视频| 久久精品成人欧美大片古装| 亚洲性线免费观看视频成熟| 欧美成人全部免费| 这里只有视频精品| 国产一区二区视频在线观看| 久色乳综合思思在线视频| 国产原创欧美精品| 51久久精品夜色国产麻豆| 亚洲欧美中文日韩在线| 欧美美最猛性xxxxxx| 久久夜色精品国产欧美乱| 久久久精品在线| 亚洲专区在线视频| www日韩中文字幕在线看| 欧美电影免费观看大全| 亚洲精品自在久久| 午夜精品一区二区三区在线视| 国模私拍一区二区三区| 亚洲国产精品va在线看黑人| 国产日韩视频在线观看| 久久在线免费观看视频| 国产精品专区第二| 久久精品青青大伊人av| 国产不卡av在线| 国产精品网址在线| 久久久影视精品| 国产主播欧美精品| 美女视频久久黄| 亚洲一区二区在线播放| 亚洲爱爱爱爱爱| 亚洲**2019国产| 欧美韩国理论所午夜片917电影| 亚洲裸体xxxx| 国产欧美一区二区三区在线看| 91av视频在线免费观看| 2020久久国产精品| xxx一区二区| 国产精品色午夜在线观看| 亚洲第一中文字幕| 黑人欧美xxxx| 成人欧美一区二区三区在线湿哒哒| 国产精品免费观看在线| 午夜精品一区二区三区视频免费看| 国产精品美女av| 久久精品国产一区二区电影| 欧美激情精品久久久久久黑人| 91精品国产综合久久香蕉| 欧美日韩视频在线| 国产日韩一区在线| 欧美黑人国产人伦爽爽爽| 黑人巨大精品欧美一区二区三区| 另类美女黄大片| 一区国产精品视频| 成人福利在线视频| www.日韩视频| 国产精品永久免费观看| 国产日韩欧美影视| 欧美性高潮床叫视频| 亚洲a成v人在线观看| 7777免费精品视频| 亚洲最新av网址| 久久久久久久久久久人体| 中文字幕九色91在线| 精品五月天久久| 日本一区二区不卡| 91免费版网站入口| 亚洲精品美女免费| 国产成人精品国内自产拍免费看| 91sa在线看| 国产原创欧美精品| 欧美在线观看日本一区| 精品欧美一区二区三区| 亚洲a一级视频| 欧美日韩一区二区三区在线免费观看| 日韩中文字幕欧美| 亚洲视频电影图片偷拍一区| 欧美在线www| 91中文在线视频| 国产欧美精品一区二区三区介绍| 91国产精品视频在线| 69视频在线免费观看| 国产精品99久久久久久www| 国内精品一区二区三区四区| 精品magnet| 一本色道久久综合亚洲精品小说| 日韩在线精品一区| 6080yy精品一区二区三区| 亚洲国产黄色片| 亚洲级视频在线观看免费1级| 亚洲综合第一页| 中文字幕成人精品久久不卡| 日韩美女毛茸茸| 国产精品扒开腿爽爽爽视频| 欧美日韩一区二区三区| 亚洲精品中文字幕av| 91精品啪aⅴ在线观看国产| 色与欲影视天天看综合网| 色综合91久久精品中文字幕| 欧美日本中文字幕| 欧美日韩成人黄色| 色诱女教师一区二区三区| xxx一区二区| 国产精品久久久久久久久久久新郎| 成人春色激情网| 欧美另类xxx| 久久伊人色综合| 亚洲国产三级网| 欧美综合在线第二页| 亚洲а∨天堂久久精品喷水| 欧美高跟鞋交xxxxxhd| xxav国产精品美女主播| 成人有码在线视频| 精品国产91久久久久久老师| 国产精品av在线| 日韩在线免费高清视频| 国内精品在线一区| 日本aⅴ大伊香蕉精品视频| 午夜精品久久久久久99热| 国产欧美日韩视频| 欧美孕妇性xx| 日本中文字幕不卡免费| 国产精品吹潮在线观看| 亚洲男人天堂2023| 国产日韩精品电影| 日韩av片免费在线观看| 久久理论片午夜琪琪电影网| 国产精品视频免费观看www| 国产精品人人做人人爽| 日韩在线免费视频观看| 亚洲精品99久久久久中文字幕| 欧美一级大片视频| 日韩亚洲欧美成人| 91po在线观看91精品国产性色| 欧美中文字幕在线观看| 国产精品久久久久久久av大片| 超碰日本道色综合久久综合| 亚洲人成啪啪网站|