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

前端技术 2023/09/06 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>

本文地址：https://www.stayed.cn/item/16366

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案