DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> IE8對JS通過屬性和數組遍歷解析不一樣的地方探討
IE8對JS通過屬性和數組遍歷解析不一樣的地方探討
編輯:關於JavaScript     
以文謹記在此被浏覽器版本差異的坑。
復制代碼 代碼如下:
Array.prototype.Contains = function (str) {
if (!str)
return false;
for (var i = 0; i < this.length; i++) {
if (this[i] == str) {
return true;
}
}
return false;
}
var tmp = new Array();
tmp.push("1");
tmp.push("2");
tmp.push("3");
alert("遍歷屬性");
for ( var i in tmp ) {
alert(tmp[i]);
}
alert("遍歷數組");
for ( var i=0;i<tmp.length;i++ ) {
alert(tmp[i]);
}

如果是非IE8浏覽器,例如(IE7、IE9、Chrome、FF,僅測試這幾種)
通過屬性和數組遍歷,其結果是一樣的。
但對於IE8,結果會有一點小小的差異,在IE8下會把原型鏈擴展方法當做一個屬性輸出,大家可以測試一下。

之所以發現這個差異,也是因為解決了一個詭異的bug,有同事在代碼裡面使用for ( var i in tmp )這種方式來遍歷數組的每個元素,如果正好對Array定義了原型鏈方法,則會發生這個問題。
所以建議:如果遍歷數組元素,還是應該采用標准的寫法 for ( var i=0;i<tmp.length;i++ )。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved