IE6中链接A的href为javascript协议时不在当前页面跳转

2019-12-21,,,,,

切页面时有时用链接A来替代按钮,这样做有几个好处

鼠标放上时默认有手状效果(不用添加cursor:pointer)
可以添加低版本IE都支持的伪类

如果点击时页面要整体刷新,即跳转,这时IE6则不尽人意,如下
复制代码 代码如下:
<p><a href="javascript:;" onclick="jumpSina()">Sina</a></p>
<p><a href="javascript:void 0;" onclick="jumpSohu()">Sohu</a></p>
<script>
function jumpSina() {
location.href = 'http://www.sina.com.cn'
}
function jumpSohu() {
location.href = 'http://www.sohu.com'
}
</script>

IE6中点击链接无法跳转,其它浏览器都可以。解决方法是改成锚点,
复制代码 代码如下:
<p><a href="###" onclick="jumpSina()">Sina</a></p>
<p><a href="#none" onclick="jumpSohu()">Sohu</a></p>
<script>
function jumpSina() {
location.href = 'http://www.sina.com.cn'
}
function jumpSohu() {
location.href = 'http://www.sohu.com'
}
</script>

如果把跳转方式改为window.open,则IE6下没有问题,如下
复制代码 代码如下:
<p><a href="javascript:;" onclick="jumpSina()">Sina</a></p>
<script>
function jumpSina() {
window.open( 'http://www.sina.com.cn')
}
</script>

您可能感兴趣的文章:

  • JSP中的倒数计时和自动跳转页面
  • JSP中实现判断客户端手机类型并跳转到app下载页面
  • jquery mobile页面跳转后样式丢失js失效的解决方法
  • js监听鼠标点击和键盘点击事件并自动跳转页面
  • js点击button按钮跳转到另一个新页面
  • JS实现页面超时后自动跳转到登陆页面
  • js判断登录与否并确定跳转页面的方法
  • JavaScript实现单击下拉框选择直接跳转页面的方法
  • jsp和servlet中实现页面跳转的方式实例总结
  • JavaScript中通过提示框跳转页面的方法

《IE6中链接A的href为javascript协议时不在当前页面跳转.doc》

下载本文的Word格式文档,以方便收藏与打印。