我是靠谱客的博主 瘦瘦大山,最近开发中收集的这篇文章主要介绍IE6中链接A的href为javascript协议时不在当前页面跳转,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

切页面时有时用链接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>

最后

以上就是瘦瘦大山为你收集整理的IE6中链接A的href为javascript协议时不在当前页面跳转的全部内容,希望文章能够帮你解决IE6中链接A的href为javascript协议时不在当前页面跳转所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(191)

评论列表共有 0 条评论

立即
投稿
返回
顶部