欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > javascript >内容正文

javascript

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

发布时间:2025/5/22 javascript 97 豆豆
生活随笔 收集整理的这篇文章主要介绍了 仅IE6中链接A的href为javascript协议时不能在当前页面跳转 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

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

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

 

如果点击时页面要整体刷新,即跳转,这时IE6则不尽人意,如下

<p><a href="javascript:;" οnclick="jumpSina()">Sina</a></p> <p><a href="javascript:void 0;" οnclick="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="###" οnclick="jumpSina()">Sina</a></p> <p><a href="#none" οnclick="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:;" οnclick="jumpSina()">Sina</a></p> <script>function jumpSina() {window.open( 'http://www.sina.com.cn')} </script>

 

总结

以上是生活随笔为你收集整理的仅IE6中链接A的href为javascript协议时不能在当前页面跳转的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。