IE6中链接A的href为javascript协议时不在当前页面跳转
IE6中链接A的href为javascript协议时不在当前页面跳转
发布时间:2016-12-30 来源:查字典编辑
摘要:切页面时有时用链接A来替代按钮,这样做有几个好处鼠标放上时默认有手状效果(不用添加cursor:pointer)可以添加低版本IE都支持的伪...

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

鼠标放上时默认有手状效果(不用添加cursor:pointer)

可以添加低版本IE都支持的伪类

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

复制代码 代码如下:

<p><a href="javascript:;">Sina</a></p>

<p><a href="javascript:void 0;">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="###">Sina</a></p>

<p><a href="#none">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:;">Sina</a></p>

<script>

function jumpSina() {

window.open( 'http://www.sina.com.cn')

}

</script>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类