您當(dāng)前位置：首頁(yè) > web前端 > htmlcss > js 使用技巧 - [近幾年工作中的經(jīng)驗(yàn)總結(jié)的技巧]

js 使用技巧 - [近幾年工作中的經(jīng)驗(yàn)總結(jié)的技巧]

來(lái)源：程序員人生發(fā)布時(shí)間：2015-01-18 10:26:05 閱讀次數(shù)：2700次

1、如果 ajax 返回單1的 json 格式，接收方需要這樣再格式化1下賦值： var str = eval("(" + msg + ")");

開(kāi)發(fā)援用： /// <reference path="http://x.autoimg.cn/as/static/js/jquery⑴.7.2.min.js" />

2、如果 ajax 同發(fā)出兩個(gè)以上的要求時(shí)，返回的狀態(tài)會(huì)串，不能用異步，用同步可以解決問(wèn)題；

3、navigator.plugins["Shockwave Flash"] 檢查當(dāng)前機(jī)器 flash 版本

4、刪除前后空格 String.prototype.trim = function () { return this.replace(/(^[ |　]*)|([ |　]*$)/g, ""); }

5、IE6 下 JS 在履行1個(gè)方法后，當(dāng)前方法內(nèi)的代碼履行完后，此次的單線程就會(huì)停止，當(dāng)前的方法里還有其它的方法也不會(huì)再履行；如果要履行的話，需要加 setTimeout(); 事件再履行；

6、把 document.getElementById(id) 轉(zhuǎn)換成 $("id")

function $(id) { return typeof (id) == 'string' ? document.getElementById(id) : id }

7、圖片加載失敗，并避免死循環(huán) onerror="this.src=aaa.jpg;this.onerror=null;"

8、document.getElementsByTagName('*').length 查看頁(yè)面有多少個(gè) Dom 元素；

9、parseInt() 只會(huì)返回整數(shù)部份；1個(gè)完全的parseInt應(yīng)當(dāng)是這樣的：parseInt(string, radix)，其中radix指定數(shù)字的進(jìn)制（10進(jìn)制，2進(jìn)制，106進(jìn)制etc.） parseInt("f",16): 15

把加號(hào)放在包括合法數(shù)字的字符串前面會(huì)將字符串轉(zhuǎn)化為數(shù)字；

Null 用成數(shù)字時(shí)會(huì)表現(xiàn)為0，做布爾時(shí)表現(xiàn)為false.

聲明1個(gè)變量但沒(méi)有賦值，此時(shí)這個(gè)變量的值為undefined. Undefined用作數(shù)字時(shí)類型表現(xiàn)為NaN, 用作布爾時(shí)表現(xiàn)為false.

10、各種正則驗(yàn)證規(guī)則數(shù)字驗(yàn)證規(guī)則：

"^d+$"　　//非負(fù)整數(shù)（正整數(shù) + 0）

"^[0⑼]*[1⑼][0⑼]*$"　　//正整數(shù)

"^((-d+)|(0+))$"　　//非正整數(shù)（負(fù)整數(shù) + 0）

"^-[0⑼]*[1⑼][0⑼]*$"　　//負(fù)整數(shù)

"^-?d+$"　　　　//整數(shù)

"^d+("　　//非負(fù)浮點(diǎn)數(shù)（正浮點(diǎn)數(shù) + 0）

"^(([0⑼]+.[0⑼]*[1⑼][0⑼]*)|([0⑼]*[1⑼][0⑼]*.[0⑼]+)|([0⑼]*[1⑼][0⑼]*))$"　　//正浮點(diǎn)數(shù)

"^((-d+("　　//非正浮點(diǎn)數(shù)（負(fù)浮點(diǎn)數(shù) + 0）

"^(-(([0⑼]+.[0⑼]*[1⑼][0⑼]*)|([0⑼]*[1⑼][0⑼]*.[0⑼]+)|([0⑼]*[1⑼][0⑼]*)))$"　　//負(fù)浮點(diǎn)數(shù)

"^(-?d+)("　　//浮點(diǎn)數(shù)

var r = /^+?[1⑼][0⑼]*$/;　　//正整數(shù)

r.test(str);

11、依照 json 的屬性值排序

var cc=[

{ name: "a", age: 30},

{ name: "c", age: 24},

{ name: "b", age: 28},

{ name: "e", age: 18},

{ name: "d", age: 38}

].sort(function(obj1, obj2) {

return obj1.age - obj2.age;

});

for(var i=0;i<cc.length;i++){

alert(cc[i]['age']); //順次顯示 18,24,28,30,38

}

12、合并數(shù)組：

var mergeTo = [4,5,6];

var mergeFrom = [7,8,9];

Array.prototype.push.apply(mergeTo, mergeFrom);

mergeTo; // is: [4, 5, 6, 7, 8, 9]

13、多點(diǎn)擊事件獲得點(diǎn)擊的是哪一個(gè)

$('#IndexLink,#IndexLink1').on('click', function (e) {

var id=e.target.id;

id 取到的就是被點(diǎn)擊的ID值

}

14、zepto 里面或 jquery 里返回 ajax json 串時(shí)，如果你的 json 串不規(guī)范（里面的鍵名，值，必須是雙引號(hào)），就會(huì)跳出 success 方法，而且不履行里面的所有語(yǔ)句；

15、再JavaScript中下面做法會(huì)聲明全局變量

在function外使用聲明變量（不管是不是使用var）；

在function內(nèi)不是用var 聲明變量；

直接賦值于window屬性；

16、錨點(diǎn)定位方法

window.location.hash = 'm001';

17、window.history.forward(1); 禁止頁(yè)面后退；

18、 JS call 與aplly 用法

function Person(name, age) {

this.name = name;

this.age = age;

};

function Student(name, age, grade) {

Person.apply(this, arguments);

this.grade = grade;

};

var student = new Student('qian', 21, '1年級(jí)');

alert('name:' + student.name + ' ' + 'age:' + student.age + ' ' + 'grade:' + student.grade);

//也就是通俗1點(diǎn)講就是:用student去履行Person這個(gè)類里面的內(nèi)容,在Person這個(gè)類里面存在this.name等之類的語(yǔ)句,

//這樣就將屬性創(chuàng)建到了student對(duì)象里面

18）頁(yè)面到底部自動(dòng)加載內(nèi)容：

var divH = document.body.scrollHeight,top = document.body.scrollTop,windowH = window.screen.availHeight;

if ((top + windowH) >divH) {

console.log('該他媽的加載內(nèi)容了。');

}

console.log('網(wǎng)頁(yè)正文全文高：' + document.body.scrollHeight + ' 網(wǎng)頁(yè)被卷去的高： ' + document.body.scrollTop + ' 屏幕可用工作區(qū)高度:' + window.screen.availHeight);

其他精彩文章