超级链接a中javascript:void(0)弹出另外一个框问题
2014-12-29 16:06
253 查看
转字:http://my.oschina.net/castusz/blog/68186
结果在IE、Firefox、Chrome都是先执行的onclick事件,在项目中我们尽量不要同时使用这两种方式。A标签的写法
我们比较熟悉的链接<a>标签写法有以下3种:
1.<a href="链接地址" ></a>
或者
2.<a href="#" onclick="触发一个事件的函数"></a>
或者
3.<a href="javascript:void(0);" onclick="触发一个事件的函数"></a>
下面开始说一下不同浏览器中<a>标签的兼容性。
对于firefox 而言,3种写法都是可以的,基本没有什么区别。
而对于IE浏览器或者IE内核的浏览器而言则不同:这不同主要体现在第2和3这二种写法上。
先说一下第3种IE内核有时候会不认 href="javascript:void(0);" 因而触发不了事件函数,导致点击没有任何反应。
那为什么会这样呢?
原因是这样的:IE内核的浏览器,识别<a>标签的时候,先去找 href 属性,并且先执行href中的链接或者函数,如果不识别就不做任何反应[IE最新版已经修改这个问题了]。
解决方法就是尽量不用这个 href="javascript:void(0);" 的属性。
然后第2种,这个不同主要体现在主页面嵌入iframe的时候,如果你的<a >标签中的 “href” 属性为 “#”的话,你点击链接时,页面会自动的滚动,直到iframe的顶部成为当前窗口的最顶部,解决这个问题的方法:
把<a>换成<span >或者别的标签 (在不影响样式的前提下)。
注意:尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。
相关文章推荐
- 全局修改a链接的打开方式,javascript:void(0)会打开空白页面问题
- 如何用JavaScript隐藏一个超级链接真实的地址?
- 全局修改a链接的打开方式,javascript:void(0)会打开空白页面问题
- 火狐a链接javascript:void(0);出现的问题
- 关于链接地址为JavaScript:void(0)的问题
- href超级链接里加上javascript代码的,还有target问题
- javascript 解决 超级链接 中文乱码的问题
- 在最近做一个高级查询时遇见的问题(javascript日历控件)
- 一个棘手的问题,在access数据库 做的一个小站上,数据库链接打开出错
- VC运行库版本不同导致链接.LIB静态库时发生重复定义问题的一个案例分析和总结
- 请教关于ASP.Net2.0和JavaScript的一个问题
- a href=#与 a href=javascript:void(0) 的区别 打开新窗口链接的几种办法
- [导入]JavaScript 弹出一个可移动的框
- javascript弹出窗口问题总结
- 用javascript的ShowModalDialog()函数去显示一个aspx页面时缓存的问题
- DELPHI在一个窗体中打开另外一个窗体的问题
- 请教一个关于弹出对话框的问题.
- Javascript-Mozilla和IE中的一个函数直接量的问题
- [好像超级难的问题] 在VS2005 RC版里,怎么用javascript操作TreeView?
- 今天发现一个超级全的linux链接网站