window.location.href无效/不跳转的原因分析
2015-09-23 10:21
218 查看
这里摘了两篇相关的文字
原文分别出自:
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来解决问题
”写了一个模拟alert的js弹框。最后一句是window.location.href
= “http://www.baidu.com”在Ie6下不跳转,调试了很久,终于找到原因了。在过程按钮的a标签上href="javascript:void(0)",使之在ie6下失效。后来改成href="###",问题解决了。为了不返回网页顶端。空链接推荐用"###"。
“
原文分别出自:
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="###",问题解决了。为了不返回网页顶端。空链接推荐用"###"。
“
相关文章推荐
- gnu工具链简介
- 如何在MathType中输入对数函数
- Spring中 bean 的生命周期
- OpenCV 3 最新模块一次看个够
- 评论星星表示好差实现代码
- uva 11134 Fabled Roo
- MySQL 存储4个字节 java.sql.SQLException: Incorrect string value: '\...' at row 1
- springMVC教程初级(四)Controller篇(结果、参数 )
- SQL Convert(Datetime) 日期转换
- IDL在气象中的应用
- Latex学习笔记:整体认识
- tinyxml源码解析(上)
- js浏览器问题
- 类的静态成员
- 验证Xcode真伪的方法,来自苹果官网
- System.currentTimeMillis()获得当前时间
- 键值观察者的使用及注意事项
- android学习:通过Intent打开Activity的两种方法,Intent过滤器的使用方法
- 8月国内网民上网时间无明显变化 21点出现峰值
- DataGridView 列宽设置