|
|
問題出現在當調用AJAXRequest.update方法時，如果帶了更新間隔及更新次數，那么在IE下面就會出現問題，具體表現為帶了更新間隔時是函數工作，帶上更新次數時函數無法在更新指定次數后停止執行。
測試幾個例子之后找到了問題所在，在IE里，setTimeout和setInterval是不支持參數傳遞的。
演示地址：http://www.xujiwei.cn/demo/usetimer/
在NETscape的JavaScript參考中找到setTimeout的語法如下：
復制代碼 代碼如下:
setTimeout
Evaluates an expression or calls a function once after a specified number of milliseconds elapses.
語法
setTimeout(expression, msec)
setTimeout(function, msec, arg1, ..., argN)
參數
expression A string containing a JavaScript expression.
msec A numeric value or numeric string, in millisecond units.
function Any function.
arg1, ..., argN (Optional) The arguments, if any, passed to function.
第二種使用方法就是定義了一個定時器，在執行時function時，將把調用setTimeout時定義的參數傳遞給function，但在IE中，并不支持這種方式的調用，也就是在執行function的時候，函數并沒有接收到這些參數。如下面的例子：
復制代碼 代碼如下:
<script type="text/Javascript">
function show(str) {
alert("my site: "+str);
}
setTimeout(show,100,"www.xujiwei.cn");
</script>
在Firefox和Opera里，瀏覽器都能正確的彈出提示框顯示字符串“my site: www.xujiwei.cn”，而在IE里，顯示的則是“my site: undefined”，說明函數show并沒有接收到參數str，所以顯示出來就是一個未定義變量。
當然，如果在函數內部使用的變量是全局變量時，就不必要考慮這些問題，如：
復制代碼 代碼如下:
<script type="text/Javascript">
function show() {
// url是全局變量，函數正確執行
alert("my site: "+url);
}
var url="www.xujiwei.cn";
setTimeout(show,100);
</script>
這段代碼在IE和Firefox里都能正常工作，顯示出“my site: www.xujiwei.cn”。
在變量是全局變量的情況下，可以使用語句段的方式來調用setTimeout，即使用第一種語法：
復制代碼 代碼如下:
<script type="text/Javascript">
function show(str) {
// url是全局變量，函數正確執行
alert("my site: "+str);
}
var url="www.xujiwei.cn";
setTimeout("show(url);",100);
</script>
因為變量url是全局變量，因此定時器執行所定義的語句段“show(url);”能正確傳遞參數，但是如果url不是全局變量，而是一個局部變量時，執行結果就會出錯了：
復制代碼 代碼如下:
<script type="text/Javascript">
function show(str) {
// url是全局變量，函數正確執行
alert("my site: "+str);
}
function test() {
var url="www.xujiwei.cn";
setTimeout("show(url);",100);
}
test();
</script>
此時就會出錯了，在函數test執行時，會提示url未定義，在執行定義的語句段“show(url);”時，上下文已經脫離了函數test，而url是在函數test內部定義的，所以在執行函數test的時候，變量url已經釋放了。
如果要在setTimeout里面使用局部變量，并且解決在IE里的setTimeout不支持參數傳遞的問題，可以使用匿名函數，即在調用setTimeout時定義一個匿名函數，在這個函數內部進行原來需要進行的操作。
復制代碼 代碼如下:
<script type="text/Javascript">
function show(str) {
// url是全局變量，函數正確執行
alert("my site: "+str);
}
function test() {
var url="www.xujiwei.cn";
setTimeout(function(){show(url);},100);
}
test();
</script>
在上面的例子中，調用setTimeout時定義了一個匿名函數，它的函數體是“show(url);”，因為已經定義了函數，所以在定時器調用這個函數時，變量url還是有引用的，因些函數可以正確執行，顯示出字符串“my site: www.xujiwei.cn”。
總的來說，使用setTimeout或者setInterval時需要注意以下幾點：
1. 定義定時器時如果是使用的表達示，那么其中的變量應該是全局變量，或者是一個直接的值，而不能是局部變量。
2. 定義定時器時如果是定義的調用函數，那么應該只寫函數名，而不能加括號，如果加了就是定義返回值了。
3. 在IE里使用定時器時不能傳遞參數。
4. 如果要在IE里使用定時器時傳遞參數，可以使用匿名函數，在函數體中調用原來該調用的函數。
如有錯誤還請指正。
JavaScript技術：setTimeout和setInterval的瀏覽器兼容性分析，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
