IE6中链接A的href为javascript协议时不在当前页面跳转
更新时间:2014年06月05日 16:58:05 作者:
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>
鼠标放上时默认有手状效果(不用添加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>
相关文章
适用于javascript开发者的Processing.js入门教程
这篇文章主要介绍了适用于javascript开发者的Processing.js入门教程,感兴趣的小伙伴们可以参考一下2016-02-02JavaScript使用slice函数获取数组部分元素的方法
这篇文章主要介绍了JavaScript使用slice函数获取数组部分元素的方法,涉及javascript中slice方法的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
最新评论