国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

setTimeout和setInterval的瀏覽器兼容性分析

2019-11-21 02:15:22
字體:
來源:轉載
供稿:網友
無意中測試AJAXRequest瀏覽器兼容性的時候,發現AJAXRequest.update方法在某些情況下在IE里有問題,經過測試找到是setTimeout和setInterval的問題。
問題出現在當調用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里使用定時器時傳遞參數,可以使用匿名函數,在函數體中調用原來該調用的函數。

如有錯誤還請指正。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 集安市| 锡林郭勒盟| 县级市| 依兰县| 湘乡市| 哈尔滨市| 襄樊市| 临邑县| 定安县| 登封市| 响水县| 石景山区| 遂溪县| 桦川县| 吴忠市| 金华市| 永顺县| 射洪县| 仪征市| 南陵县| 辽源市| 巴东县| 融水| 额济纳旗| 武宁县| 崇明县| 梨树县| 美姑县| 城步| 荥经县| 穆棱市| 嘉黎县| 会昌县| 天等县| 台东市| 武宣县| 泌阳县| 昔阳县| 襄城县| 南安市| 福建省|