您的位置:首页 > 其它

window.location.href无效/不跳转的原因分析

2015-09-23 10:21 218 查看
这里摘了两篇相关的文字

原文分别出自:


window.location.href无效/不跳转的原因分析

 
http://blog.sina.com.cn/s/blog_5f200dbf010135wd.html


场景

测试环境:IE6

源代码:


<a href="javascript:void(0);" onclick="modify();">修改</a>

<script>

function modify(){

window.location.href = "http://www.accpweb.com"

}

</script>


分析

以下条件满足则会出现此问题
IE6 浏览器
事件绑定在a 标签且链接为空或为“javascript:;”或为“javascript:void(0);”


解决方法

分析出原因,解决方法就很简单。在onclick事件中加return false来阻止冒泡:


<a href="javascript:void(0);" onclick="modify();return false;">修改</a>

//或

<a href="javascript:modify();">修改</a>

同理IE6下onclick事件失效可以尝试加return false来解决问题


ie6下window.location.href不跳转

”写了一个模拟alert的js弹框。最后一句是window.location.href
= “http://www.baidu.com”在Ie6下不跳转,调试了很久,终于找到原因了。在过程按钮的a标签上href="javascript:void(0)",使之在ie6下失效。后来改成href="###",问题解决了。为了不返回网页顶端。空链接推荐用"###"。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: