解决火狐浏览器下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 相关文章推荐
javascript时间函数大全
Jun 30 Javascript
jQuery EasyUI datagrid实现本地分页的方法
Feb 13 Javascript
JavaScript中的cacheStorage使用详解
Jul 29 Javascript
javascript伸缩菜单栏实现代码分享
Nov 12 Javascript
JS获取当前页面名称的简单实例
Aug 19 Javascript
微信小程序 动态绑定事件并实现事件修改样式
Apr 13 Javascript
用Vue写一个分页器的示例代码
Apr 22 Javascript
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
May 07 Javascript
修改npm全局安装模式的路径方法
May 15 Javascript
详解vuex状态管理模式
Nov 01 Javascript
layui-select动态选中值的例子
Sep 23 Javascript
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
May 08 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
Windows下利用Gvim写PHP产生中文乱码问题解决方法
2011/04/20 PHP
解析php根据ip查询所在地区(非常有用,赶集网就用到)
2013/07/01 PHP
codeigniter教程之多文件上传使用示例
2014/02/11 PHP
PHP+memcache实现消息队列案例分享
2014/05/21 PHP
php缩放gif和png图透明背景变成黑色的解决方法
2014/10/14 PHP
如何让CI框架支持service层
2014/10/29 PHP
PHP查询并删除数据库多列重复数据的方法(利用数组函数实现)
2016/02/23 PHP
php+jQuery+Ajax简单实现页面异步刷新
2016/08/08 PHP
yii2实现分页,带搜索的分页功能示例
2017/01/07 PHP
Prototype Hash对象 学习
2009/07/19 Javascript
JQuery调用WebServices的方法和4个实例
2014/05/06 Javascript
基于javascript实现泡泡大冒险网页版小游戏
2016/03/23 Javascript
ArtEditor富文本编辑器增加表单提交功能
2016/04/18 Javascript
jQuery包裹节点用法完整示例
2016/09/13 Javascript
jQuery弹出遮罩层效果完整示例
2016/09/13 Javascript
JavaScript实现焦点进入文本框内关闭输入法的核心代码
2017/09/20 Javascript
解决vue组件中使用v-for出现告警问题及v for指令介绍
2017/11/11 Javascript
JavaScript实现下拉列表
2021/01/20 Javascript
[46:48]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第三局
2016/02/25 DOTA
python中使用urllib2伪造HTTP报头的2个方法
2014/07/07 Python
Python使用matplotlib简单绘图示例
2018/02/01 Python
Python设计模式之适配器模式原理与用法详解
2019/01/15 Python
python 视频逐帧保存为图片的完整实例
2019/12/10 Python
python GUI库图形界面开发之PyQt5信号与槽多窗口数据传递详细使用方法与实例
2020/03/08 Python
使用python批量修改XML文件中图像的depth值
2020/07/22 Python
python 中 .py文件 转 .pyd文件的操作
2021/03/04 Python
CSS3教程(5):网页背景图片
2009/04/02 HTML / CSS
css3 position fixed固定居中问题解决方案
2014/08/19 HTML / CSS
Alba Moda德国网上商店:意大利时尚女装销售
2016/11/14 全球购物
英国领先的葡萄酒专家:Majestic Wine
2017/05/30 全球购物
实习医生自我评价
2013/09/22 职场文书
党支部创先争优承诺书
2014/08/30 职场文书
2015年体育教师个人工作总结
2015/05/12 职场文书
《灰雀》教学反思
2016/02/19 职场文书
PHP使用非对称加密算法RSA
2021/04/21 PHP
css3 文字断裂效果
2022/04/22 HTML / CSS