js 使用技巧 - [近幾年工作中的經驗總結的技巧]
來源：程序員人生 發布時間：2015-01-18 10:26:05 閱讀次數：2690次
1、如果 ajax 返回單1的 json 格式，接收方需要這樣再格式化1下賦值： var str = eval("(" + msg + ")");
開發援用： /// <reference path="http://x.autoimg.cn/as/static/js/
jquery⑴.7.2.min.js" />
2、如果 ajax 同發出兩個以上的要求時，返回的狀態會串，不能用異步，用同步可以解決問題；
3、navigator.plugins["Shockwave Flash"] 檢查 當前機器 flash 版本
4、刪除前后空格 String.prototype.trim = function () { return this.replace(/(^[ | ]*)|([ | ]*$)/g, ""); }
5、IE6 下 JS 在履行1個方法后，當前方法內的代碼履行完后，此次的單線程就會停止，當前的方法里還有其它的方法也不會再履行；如果要履行的話，需要加 setTimeout(); 事件再履行；
6、把 document.getElementById(id) 轉換成 $("id")
function $(id) { return typeof (id) == 'string' ? document.getElementById(id) : id }
7、圖片加載失敗，并避免死循環 onerror="this.src=aaa.jpg;this.onerror=null;"
8、document.getElementsByTagName('*').length 查看頁面有多少個 Dom 元素；
9、parseInt() 只會返回整數部份；1個完全的parseInt應當是這樣的：parseInt(string, radix)，其中radix指定數字的進制（10進制，2進制，106進制etc.） parseInt("f",16): 15
把加號放在包括合法數字的字符串前面會將字符串轉化為數字；
Null 用成數字時會表現為0，做布爾時表現為false.
聲明1個變量但沒有賦值，此時這個變量的值為undefined. Undefined用作數字時類型表現為NaN, 用作布爾時表現為false.
"^d+$" //非負整數（正整數 + 0）
"^[0⑼]*[1⑼][0⑼]*$" //正整數
"^((-d+)|(0+))$" //非正整數（負整數 + 0）
"^-[0⑼]*[1⑼][0⑼]*$" //負整數
"^-?d+$" //整數
"^d+(" //非負浮點數（正浮點數 + 0）
"^(([0⑼]+.[0⑼]*[1⑼][0⑼]*)|([0⑼]*[1⑼][0⑼]*.[0⑼]+)|([0⑼]*[1⑼][0⑼]*))$" //正浮點數
"^((-d+(" //非正浮點數（負浮點數 + 0）
"^(-(([0⑼]+.[0⑼]*[1⑼][0⑼]*)|([0⑼]*[1⑼][0⑼]*.[0⑼]+)|([0⑼]*[1⑼][0⑼]*)))$" //負浮點數
"^(-?d+)(" //浮點數
var r = /^+?[1⑼][0⑼]*$/; //正整數
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、合并數組：
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、多點擊事件獲得點擊的是哪一個
$('#IndexLink,#IndexLink1').on('click', function (e) {
var id=e.target.id;
id 取到的就是被點擊的ID值
}
14、zepto 里面或
jquery 里返回 ajax json 串時，如果你的 json 串不規范（里面的鍵名，值，必須是雙引號），就會跳出 success 方法，而且不履行里面的所有語句；
15、再JavaScript中下面做法會聲明全局變量
在function外使用聲明變量（不管是不是使用var） ；
在function內不是用var 聲明變量 ；
直接賦值于window屬性；
16、錨點定位方法
window.location.hash = 'm001';
<a name="m001"> </a>
17、window.history.forward(1); 禁止頁面后退；
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年級');
alert('name:' + student.name + '
' + 'age:' + student.age + '
' + 'grade:' + student.grade);
//也就是通俗1點講就是:用student去履行Person這個類里面的內容,在Person這個類里面存在this.name等之類的語句,
//這樣就將屬性創建到了student對象里面
18）頁面到底部自動加載內容：
var divH = document.body.scrollHeight,top = document.body.scrollTop,windowH = window.screen.availHeight;
if ((top + windowH) >divH) {
console.log('該他媽的加載內容了。');
}
console.log('網頁正文全文高：' + document.body.scrollHeight + ' 網頁被卷去的高： ' + document.body.scrollTop + ' 屏幕可用工作區高度:' + window.screen.availHeight);
其他精彩文章
jQuery教程(19)-jquery ajax操作之序列化表單
jQuery教程(18)-ajax操作之履行POST要求
jQuery教程(20)-jquery ajax + php 操作之為Ajax要求提供不同...
jQuery教程(21)-jquery ajax 回調函數
jQuery教程(22)-ajax操作之毛病處理
jQuery教程(24)-ajax操作之Ajax和事件
更多關于android開發文章
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
