- 浏览: 537076 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (119)
- java总结 (43)
- Spring (2)
- 反编译工具 (1)
- hibernate (1)
- Tomcat (1)
- WebLogic (2)
- 随笔 (4)
- Word问题小记 (2)
- web前端 (26)
- Oracle (10)
- DOS (1)
- 面试笔试 (3)
- Servlet (1)
- jQuery (1)
- Linux/Unix (2)
- JSTL (1)
- struts2 (2)
- JSON (2)
- Velocity (0)
- 生活 (3)
- MyEclipse使用小结 (1)
- 操作系统 (2)
- jqgrid (1)
- ajax-dwr (1)
- javascript (18)
- dreamweaver (2)
- html (10)
- css (5)
- 正则表达式 (1)
- IO (3)
最新评论
-
a363722188:
幽默者 写道老兄,Collections.copy(dest1 ...
由java中深度复制一伸出Collections.copy的使用 -
幽默者:
老兄,Collections.copy(dest1, src1 ...
由java中深度复制一伸出Collections.copy的使用 -
raymao:
java 中 split 是正则表达式
java 和 javascript split 的区别! -
413899327:
面试前端javascript
阿里电话面试 -
yzsunlight:
你面试前台UI?
阿里电话面试
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Js在IE6下 a标签添加行间onclick事件导致js跳转失败的元凶, href="javascript:void(0);"</title> <style type="text/css"> * {margin:0;padding:0;margin:0 auto;} </style> </head> <body> <br /> <p> href="javascript:void(0);" 和 href="javascript:;" 的写法没关系</p> <br /> <p> location.replace 和 location.href 的区别: </p> <p> 在IE、chorome 条件下 location.replace 不能点回退, Firefox则可以回退 </p> <p> 在IE、chorome、Firefox 条件下location.href 都能点回退 </p> <br /> <p> 1 href="javascript:void(0);" </p> <br /> <a href="javascript:void(0);" onclick="javascript:location.replace ('http://www.baidu.com/');">a IE6不能跳转 </a> <a href="javascript:void(0);" onclick="javascript:location.href ='http://www.baidu.com/';">a IE6不能跳转 </a> <br /><br /><br /> <p> 2 href="javascript:;" </p> <br /> <a href="javascript:;" onclick="javascript:location.replace ('http://www.baidu.com/');">a IE6不能跳转 </a> <a href="javascript:;" onclick="javascript:location.href ='http://www.baidu.com/';">a IE6不能跳转 </a> <br /> <br /><br /> <p>1 第一种写法 直接给对象添加事件,节点添加事件 </p> <p>2 第二种写法 这种情况更加动态,addEventListener || attachEvent 更为实用, </p> <p> 而且还能添加多个函数(添加的事件的顺序即执行顺序)----->执行顺序不同浏览器不同!但是我们希望是顺序执行! </p> <a id="a1" href="javascript:;"> a 能跳转 </a> <a id="a2" href="javascript:;"> a 能跳转 </a> <br /> <br /> <p> add return false; </p> <a href="javascript:void(0);" onclick="javascript:location.replace ('http://www.baidu.com/'); return false;">a 能跳转 </a> <a href="javascript:void(0);" onclick="javascript:location.href ='http://www.baidu.com/'; return false;">a 能跳转 </a> <script type="text/javascript"> var oA1 = document.getElementById("a1"); var oA2 = document.getElementById("a2"); oA1.onclick = oA2.onclick = function(){ oA1.href = oA2.href = "http://www.baidu.com"; //return false; //加了就不能跳转了。 }; </script> </body> </html>
经测试,在IE6下上述两种JS跳转履行无响应,其它浏览器下均正常。
解析:猜测IE6下a链接的跳转会收到href属性中代码的影响,
上述代码的履行过程,貌似是先履行 onclick事务中的代码,
并且是在onclick事务的回调函数返回true 的景象下,
再履行href属性中的代码,然后才作出跳迁移转变作。
而恰是void(0);代码阻拦了浏览器跳转,所以在onclick的代码最后,加上return false;
让onclick回调函数返回false值,以阻拦履行 href属性中的代码,如许就可以让浏览器顺利跳转。
- a_href_faq.zip (1.1 KB)
- 下载次数: 0
发表评论
-
java 和 javascript split 的区别!
2013-09-18 10:52 1652java 和 javascript split 的区别! ... -
javascrip如何创建命名空间
2013-09-18 10:49 1205看代码,废话不多说! <!DOCTYPE ht ... -
阿里电话面试
2013-09-10 22:16 2525今天晚上接到阿里电话面试! 问到的问题大 ... -
setTimeout 和 setInterval最小执行时间问题
2013-09-08 22:43 16767setTimeout 和 setInterval 经常被用 ... -
IE6用setAttribute添加事件无效
2013-09-08 11:51 1434<!DOCTYPE html PUBLIC &q ... -
如何禁用浏览器的后退/刷新,backspace退格键
2013-06-09 13:01 7564在这个页面中加入的JavaScript代码可 用来产生点击前 ... -
javascript阻止事件冒泡和浏览器的默认行为
2013-06-09 09:41 2241在使用javascript编程时会遇到一个问题,就是当你给 ... -
JavaScript中两个等于号和三个等于号之间的区别
2013-06-07 14:59 1814为真的: 0 == 0 、"" == ... -
javascript中一些数据类型以及奇怪的特性
2013-06-07 14:24 1356javascript中一些数据类型以及奇怪的特性。具体情况直接 ... -
javascript中为5种为假的情况测试
2013-05-24 15:42 1282Javascript假的5种情况: Falsy values ... -
javascript中变量声明提升(Hoisting)的理解 ---What is hoisting in Javascript?
2013-05-24 11:24 1403<!DOCTYPE html PUBLIC &quo ... -
添加重置IE outline方法
2013-05-12 23:07 1801css / reset-ie-outline.css ... -
JavaScript中两个等于号和三个等于号之间的区别
2013-05-12 22:41 1193<!DOCTYPE html PUBLIC " ... -
光标充满整个input输入框的方法
2013-03-25 20:11 2867光标充满整个input输入框的方法: 1、不设置行高 --& ... -
javascript的函数参数arguments 并不是数组
2013-03-22 12:34 1493arguments 并不是数组,只是碰巧用数字做索引,以及一个 ... -
弹出层居中问题版1
2013-03-21 22:51 17841、居中弹出层css控制问题版 <!DOCTYPE ... -
隐式块级元素
2013-02-25 14:56 1024学无止境。 我自诩xhtml+css玩的炉火纯青,却发现, ... -
javascript中字符串格式json如何转化成json对象
2013-02-13 16:34 12166什么是JSON JSON(JavaScript Object ... -
javascript 内存和性能闲聊
2013-01-14 22:25 1187我想问你这样更省内存,所有的aBtn[i].onclick共用 ... -
javascript 定时器 实现时间自动更新的特效
2012-12-19 14:15 2198图片自己找几个替换下就OK了! <!DOCTYPE ...
相关推荐
在web页面开发时,我们经常会遇到下列情况: 1.一个标签仅仅是要触发onclick行为; 2.表现上要有鼠标的pointer指针显示,或者其他类似a标签的视觉效果。 比如执行删除操作时,为了避免误操作,我们要弹出对话框让用户...
### jQuery 下 A 标签 onclick 事件处理 在前端开发中,经常需要为页面中的元素绑定事件处理函数,其中 `onclick` 事件是最常见的交互方式之一。jQuery 是一个流行的 JavaScript 库,它提供了简单易用的方法来处理...
综合以上,最推荐的`<a>`标签添加`onclick`事件的方法是: - `<a href="javascript:void(0)" onclick="js_method();">点击我</a>` - `<a href="javascript:;" onclick="js_method();">点击我</a>` - `<a href="#" ...
在IE6中,当`<a>`标签的`href`属性被设置为`javascript:void(0)`或者空字符串时,浏览器会尝试阻止默认的页面跳转行为,以便执行`onclick`事件中的JavaScript代码。然而,IE6的事件处理机制并不完善,它有时无法正确...
js页面,进行页面内容的拼接时,a标签的onclick点击事件,需要传参数时,解决转义麻烦,不对的情况,提供了模板
在标准模式下,IE8及以下版本不支持通过`setAttribute`直接为元素添加事件监听器,这与现代浏览器如Chrome和Firefox存在差异。为了确保兼容性,通常推荐使用`addEventListener`方法为元素添加事件监听器,但由于IE8...
在`<a>`标签中,`onclick`事件可以用来执行JavaScript代码,包括页面跳转。例如: ```html <a onclick="window.location.href='https://www.jb51.net'">我们</a> ``` 这里,点击"我们"后,JavaScript代码`window....
jsp的onclick页面事件 包含打开保存 跳转 关闭等
### Input按钮Onclick事件详解 在Web开发中,`<input>`标签是HTML文档中最常用的元素之一,常用于创建各种交互式按钮、输入框等。`onclick`属性则允许我们在用户点击这些元素时执行特定的JavaScript代码。下面将...
`href`和`onclick`都是`<a>`标签的重要属性,它们各自承担着不同的职责,但在某些场景下可能会同时使用,这就涉及到它们之间的区别和交互。 1. **事件顺序**: 当一个`<a>`标签同时具有`href`和`onclick`时,`...
如果希望阻止<a>标签默认的跳转行为,可以在onclick事件处理器的函数中返回false。这样,无论href属性指向哪里,页面都不会进行跳转。例如,一个常见的用途是在表单提交前进行数据校验,如果校验失败,则阻止表单...
HTML JSP 页面A标签访问后台,JSP 或者 直接跳转 HTML页面 进行隐形传参
- **锚点链接**:通过给目标元素添加`id`属性,并在`a`标签的`href`属性中使用`#`加上该`id`值来实现。 ```html <a href="#section1">#section1是要跳转到的位置标签的id</a> 这里是section1的内容。 ``` #### ...
在这里,我们使用了 onclick 事件来执行页面跳转,并将单选按钮的值传递给下一个页面。 接下来,让我们详细了解一下上面的代码。<input type="radio" name="r1" value="one" onclick="location.href='XXX.asp?value...
本教程将详细介绍如何在Android中实现单击事件触发的页面跳转。 首先,我们需要了解Android中的Activity。Activity是Android应用的基本组件,它代表了用户可以看到并与其交互的一个屏幕。在AndroidManifest.xml文件...