解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法


Posted in Javascript onNovember 14, 2012

今天检查自己用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函数失效无效不运行执行的解决办法

Javascript 相关文章推荐
用js查找法实现当前栏目的高亮显示的代码
Nov 24 Javascript
javascript 不间断的图片滚动并可点击
Jan 15 Javascript
使用jQuery模板来展现json数据的代码
Oct 22 Javascript
JQuery AJAX 中文乱码问题解决
Jun 05 Javascript
解决Jquery load()加载GB2312页面时出现乱码的两种方案
Sep 10 Javascript
Javascript快速排序算法详解
Dec 03 Javascript
jQuery中eq()方法用法实例
Jan 05 Javascript
js友好的时间返回函数
Aug 24 Javascript
微信小程序 共用变量值的实现
Jul 12 Javascript
在一般处理程序(ashx)中弹出js提示语
Aug 16 Javascript
在vue组件中使用axios的方法
Mar 16 Javascript
如何使用JavaScript实现栈与队列
Jun 24 Javascript
ko knockoutjs动态属性绑定技巧应用
Nov 14 #Javascript
Jquery颜色选择器ColorPicker实现代码
Nov 14 #Javascript
jquery offset函数应用实例
Nov 14 #Javascript
如何让div span等元素能响应键盘事件操作指南
Nov 13 #Javascript
给artDialog 5.02 增加ajax get功能详细介绍
Nov 13 #Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
Nov 13 #Javascript
Google的跟踪代码 动态加载js代码方法应用
Nov 12 #Javascript
You might like
完美实现GIF动画缩略图的php代码
2011/01/02 PHP
PHP闭包(Closure)使用详解
2013/05/02 PHP
php中文验证码实现示例分享
2014/01/12 PHP
百度工程师讲PHP函数的实现原理及性能分析(一)
2015/05/13 PHP
PHP实现的QQ空间g_tk加密算法
2015/07/09 PHP
PHP实现基于PDO扩展连接PostgreSQL对象关系数据库示例
2018/03/31 PHP
如何在Laravel之外使用illuminate组件详解
2020/09/20 PHP
[原创]来自ImageSee官方 JavaScript图片浏览器
2008/01/16 Javascript
jquery text,radio,checkbox,select操作实现代码
2009/07/09 Javascript
js处理自己不能定义二维数组的方法详解
2014/03/03 Javascript
详解nodejs与javascript中的aes加密
2016/05/22 NodeJs
深入浅析JavaScript的API设计原则
2016/06/14 Javascript
Bootstrap中datetimepicker使用小结
2016/12/28 Javascript
JavaScript实现图像模糊化的方法实例
2017/01/15 Javascript
用vue封装插件并发布到npm的方法步骤
2017/10/18 Javascript
bootstrap table列和表头对不齐的解决方法
2019/07/19 Javascript
es6中reduce的基本使用方法
2019/09/10 Javascript
原生javascript实现类似vue的数据绑定功能示例【观察者模式】
2020/02/24 Javascript
python中input()与raw_input()的区别分析
2016/02/27 Python
利用Python中SocketServer 实现客户端与服务器间非阻塞通信
2016/12/15 Python
Python实现判断一个字符串是否包含子串的方法总结
2017/11/21 Python
python kmeans聚类简单介绍和实现代码
2018/02/23 Python
python实现飞机大战小游戏
2019/11/08 Python
python tkiner实现 一个小小的图片翻页功能的示例代码
2020/06/24 Python
scrapy框架携带cookie访问淘宝购物车功能的实现代码
2020/07/07 Python
让IE6、IE7、IE8支持CSS3的脚本
2010/07/20 HTML / CSS
瑞典手机壳品牌:Richmond & Finch
2018/04/28 全球购物
说出你对remoting 和webservice的理解和应用
2014/06/08 面试题
Linux常见面试题
2013/03/18 面试题
主题婚礼策划方案
2014/02/10 职场文书
顶碗少年教学反思
2014/02/21 职场文书
2015年世界卫生日活动总结
2015/02/09 职场文书
虎兄虎弟观后感
2015/06/12 职场文书
为什么MySQL分页用limit会越来越慢
2021/07/25 MySQL
Jmerte 分布式压测及分布式压测配置
2022/04/30 Java/Android
使用 CSS 构建强大且酷炫的粒子动画效果
2022/08/14 HTML / CSS