js 页面自动跳转在safari下无效的解决方法
发布时间：2014-09-05 编辑：jiaochengji.com
js做的页面的自动跳转，在safari下运行失败，不能自动跳转，后来找到了解决方法，特分享一下，供大家参考。
代码是这样的：
复制代码 代码示例:
<div align="center">
<a href="test.php" target="mainFrame" id="actionTo" >
<img src="<s:url value='/images/buttons/return.gif'/>" border="0"></a>
</div>
<a href="test.php" target="mainFrame" id="actionTo" >
<img src="<s:url value='/images/buttons/return.gif'/>" border="0"></a>
</div>
js代码：
复制代码 代码示例:
document.getElementById("actionTo").click();
直接得到ID为actionTo的控件对象，然后触发他的click事件。
在safari中不能跳转的原因：
由于Chrome和Safari中，a标签并不是和按钮一样有onclick()事件的，这个需要针对safari环境作特殊处理，js代码如下：
复制代码 代码示例:
if (/msie/i.test(navigator.userAgent)){ //ie brower
document.getElementById("actionTo").click();
}else{
var e = document.createEvent('MouseEvent');
e.initEvent('click', false, false);
setTimeout(document.getElementById("actionTo").dispatchEvent(e),2000);
}
document.getElementById("actionTo").click();
}else{
var e = document.createEvent('MouseEvent');
e.initEvent('click', false, false);
setTimeout(document.getElementById("actionTo").dispatchEvent(e),2000);
}
这样就可以实现IE 和safari下都可以自动跳转了。
有关js页面跳转，有兴趣的朋友，可以阅读下教程集之前发表的一些文章：
js跳转到上一页面失败的解决方法
js页面跳转 option location页面跳转的代码实例
js页面跳转方式 js页面跳转举例
js跳转页面方法
本文内容参考了：js模拟点击那些事 http://www.iteye.com/topic/1112772
您可能感兴趣的文章：
js 页面自动跳转在safari下无效的解决方法
js 3秒后跳转页面实例代码
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
js 控制页面跳转的五种方法
js实现用户登录自动跳转的代码
移动端H5开发遇到的问题及解决方法
PHP页面定时跳转实现方法
uc浏览器无法打开主页问题解决办法
网页页面自动刷新三种方法
关于锚点跳转及jQuery下相关操作与插件
上一篇：身份证号码验证的正则表达式实例
下一篇：验证(检验)文件类型的js代码
[关闭]