今天檢查自己用JQuery+AJAX+PHP做的網站後台登錄檢測,發現登陸成功後執行頁面跳轉函數這段JavaScript(JS)代碼特效在IE和谷歌浏覽器Chrome下都可以很好地執行,兼容性還不錯。結果到了火狐(FireFox)浏覽器下setTimeout這個JS內置函數不執行了,無效了,也沒報錯!打開FireBUG指望它能檢測出JS的錯誤,結果沒用...Javascript(JS)腳本代碼在各浏覽器下的兼容是一個很頭疼的問題,經過一番調試和搜索,終於解決了setTimeout這個JS代碼在火狐下失效不兼容不能運行和執行的錯誤。目前這個setTimeout可以很好地兼容IE6,7,8,9以及谷歌浏覽器Chrome,火狐浏覽器FireFox,蘋果浏覽器Safari,Opera。
setTimeout是一個很不錯的函數,網站頁面前端工程師經常將其用於幾秒後執行的動作。setTimeout這個JS內置函數其用法也很簡單,下面是setTimeout()的函數說明以及用法詳解和實例、示例代碼:
setTimeout()的作用是指定在多少毫秒後執行一個JS函數或者表達式代碼
setTimeout的用法、語法、參數:setTimeout(code,millisec)
setTimeout參數說明:
code是必需參數。要調用的函數後要執行的 JavaScript 代碼串。
millisec是必需參數。在執行代碼前需等待的毫秒數。毫秒和秒之間的換算是:1000毫秒=1秒
setTimeout實例代碼(1秒後頁面跳轉到指定的URL):
復制代碼 代碼如下:
<script language="javascript">
function go(){//定義函數
window.location="main.html";//頁面跳轉
}
window.setTimeout("go()",1000);//1秒後執行函數go
</script>
但是以上JS代碼是無法兼容火狐的,這主要是因為IE和火狐的浏覽器引擎是不同的。讓這段頁面跳轉JS代碼兼容IE、火狐、SAFARI、OPERA:
復制代碼 代碼如下:
<script language="javascript">
function go(){//定義函數
window.location="main.html";//頁面跳轉
}
window.setTimeout(function(){go()},1000);//1秒後執行函數go
</script>
經過看.看.呗[kankanbei.com]站長的測試,它完美地兼容了各主流浏覽器,特此寫出來和大家分享。值得注意的是實現頁面跳轉的JS代碼我們習慣寫作location.href=頁面地址,而這段代碼在火狐下也是不能運行的,你需要寫作window.location=頁面地址。
火狐浏覽器下JS代碼不兼容setTimeout函數失效無效不運行執行的解決辦法