DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 僅IE不支持setTimeout/setInterval函數的第三個以上參數
僅IE不支持setTimeout/setInterval函數的第三個以上參數
編輯:關於JavaScript     
復制代碼 代碼如下:
setTimeout(function(obj){
alert(obj.a);
}, 2000, {a:1});

即傳了第三個參數,第三個參數將作為回調函數的參數obj傳入。在非IE浏覽器中都彈出了1。這樣有個好處,即解決了回調函數的執行上下文,比如要調用某個對象的某個方法,即可以通過參數把該對象傳進去。
復制代碼 代碼如下:
setTimeout(function(obj){
obj.method();
}, 2000, obj);

當然,你還可以傳多個參數給回調函數,如下
復制代碼 代碼如下:
setTimeout(function(a, b){
alert(a);
alert(b);
}, 2000, 1,2);

這次我們傳了兩個參數1,2給回調函數,Firefox/Safari/Chrome/Opera中依次彈出了1,2。只要你願意還可以傳更多。

雖然除了IE不支持第三個參數外,但Firefox和Safari/Chrome/Opera之間還是有區別的
復制代碼 代碼如下:
setTimeout(function(){
alert(arguments.length);
}, 2000, 1,2);

傳了兩個參數1,2給回調函數,然後alert出實參的長度
Firefox : 3
Safari/Chrome/Opera : 2
奇怪吧,明明傳的是兩個參數,但Firefox中彈出的卻是3。如果輸出第三個參數會發現它是一個數字,有時還是負數。
關:

http://www.w3.org/TR/Window/

https://developer.mozilla.org/en/DOM/window.setTimeout

http://msdn.microsoft.com/en-us/library/ms536753%28v=vs.85%29.aspx 
//解決IE下setTimeout傳參數的bug
復制代碼 代碼如下:
//解決IE下setTimeout傳參數的bug
if(!+[1,]) {
(function(overrideFun){
window.setTimeout = overrideFun(window.setTimeout);
window.setInterval = overrideFun(window.setInterval);
})(
function(originalFun){
return function(code, delay){
var args = [].slice.call(arguments, 2);
return originalFun(
function(){
if (typeof code == 'string') {
eval(code);
}
else {
code.apply(this, args);
}
},
delay
)
}
}
);
}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved