兼容火狐、IE 的中a标签用 javascript:void(0); 依然执行跳转的问题

<a onclick="return false;" href="javascript: void(0)" target="_blank"></a> 这么做兼容的原因是:目前三大主流浏览器,对三个属性的处理顺序不同.Chrome:onclick -> href -> targetIE和Firefox:onclick -> target -> href(这就是为什么在ie和火狐中点击依然新开空页面了)…

javascript ie8兼容 a标签href javascript:void(0);

ie8兼容 a标签href javascript:void(0); 尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件;…

a标签中的href="#"与href="javascript:void(0)"区别

转自http://blog.csdn.net/fightplane/article/details/5190037 <a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接 <a href="#" onclick="jav…

关于火狐和IE下href="javascript:void(0)"兼容性的问题

今天在开发中发现,使用如下方式的链接.在Chrome中点击后行为符合预期,但在IE下会新开标签卡(根据参考资料,Firefox中有相同问题). 经过排查,发现是href="javascript:void(0);"导致的问题,本来javascript:void(0);的用处是不用整体刷新网页且返回一个空值,但这儿由于DOM本身的冒泡事件所以会最后执行HREF属性内的javascript:void(0);导致执行函数返回了一个空值,所以覆盖掉了前面正常执行函数所返回的值引起的错误. 一般情…

a标签使用href=”javascript:void(0); 在火狐浏览器跟chrome 不兼容

使用如下方式的链接.在Chrome中点击后行为符合预期,但在IE下会新开标签卡(根据参考资料,Firefox中有相同问题).<a href=”javascript:void(0);” target=”_blank”>test</a> 后经查找资料,发现需如下解决.通过onclick阻止浏览器默认事件:<a onclick=”return false;” href=”javascript:void(0);” target=”_blank”>test</a>或直…

关于火狐浏览器在开发调试过程中，出现javascript:void(0)的状态

关于火狐浏览器在开发调试过程中,出现javascript:void(0)的状态由于火狐浏览器没有安装 Adobe Flash Player 19 NPAPI这个插件安装好了之后就可以直接运行了…

一个好玩的小制作，以及在<a/>中的标签href="javascript:;"/href="javascript:void(0);"/href="javascript:"的用法

一:一个小图标的制作我们在支付宝.微信等某些地方上传文件时会遇到以下的图标,但是这样的图标其实可以用<a/>标签以及css样式完成, 具体代码如下: <!DOCTYPE html> <html> <head></head> <style> .add{ display: block; /*以块级元素展示,可以设置宽高*/ width: 100px; height: 100px; position: relative; color: #…

javascript中a标签把href属性设置为“javascript:void(0)”还是会打开空白页面的问题

在项目中有个位置的点击a标签这里要加一个权限判断,但是之前使用的是js动态添加a标签,href的属性值是一个url,但是我要做权限判断之后,我的url就不能设置在href属性中了,这样的话我可以在a标签里面新增一个属性来放置url的值,然后把href属性改为“javascript:void(0)”,这样使得点击的时候不会有任何操作,但是我改了之后还是会打开一个空白页面,后来找了一下发现是后面的target=“_blank”这个没有去掉,把这个去掉之后问题就解决了.…

html 中a标签的问题（无反应，跳转，调用方法）

让超链接点击后不跳转,可以用href = "#",但是这个#就会锚点到页面最上边点击链接后不跳转可以设置成 1.<a href="javascript:void(0);" >javascript:void(0);</a> 2.<a href="javascript:;" >javascript:;</a> 3.<a href="" oncl…

a标签中href="javacript:;" href="javacript:void(0);" href="#"区别

在使用<a>标签时,经常会绑定其他事件比如onclick,这时候我们会给<a>标签的href属性赋值为“#”,“javacript:;”,“javacript:void(0);”等. 一.href="javacript:;" 用这个的话会出现浏览器访问“javascript:;”这个地址的现象,所以任何情况下都不建议使用: 二.href="javacript:void(0);" 表示点击这个链接后执行一条javascript语句:void(…

js中 javascript:void(0) 用法详解

点击链接不做任何事情: <a href="#" onclick="return false">test</a> <a href="javascript:void(0);" >test</a> <a href="javascript:void(null)">test</a> <a href="javascript:;" >te…

超级链接a中javascript:void(0)弹出另外一个框问题

转字:http://my.oschina.net/castusz/blog/68186 结果在IE.Firefox.Chrome都是先执行的onclick事件,在项目中我们尽量不要同时使用这两种方式. A标签的写法我们比较熟悉的链接<a>标签写法有以下3种: 1.<a href="链接地址" ></a> 或者 2.<a href="#" onclick="触发一个事件的函数"></a>…

a标签的href="javascript:void(0)"和href="#"的区别

修正一个说法上的bug吧.对于IE6来说,点击后gif暂停bug仅仅发生在“javascript:伪协议未加分号”的情形下. 我再来提供一个视角吧. 给<a>标签增加href属性,就意味着以下事情: :link选择器可以选择到它这个a标签可以获得焦点(可以通过tab按键访问到) 在浏览器的默认样式表中,有href属性的<a>标签才有cursor:pointer的效果(尤其是在低版本的IE上). 绑定了onclick事件的<a>标签,尤其是它的作用是ajax请求时,基本…

JS中javascript:void(0)真正含义

对于下面的代码,其中void(0)的含义是什么? <a href="javascript:Test();void(0);">hello</a> 其实,Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值. void 操作符用法格式如下: 1. javascript:void (expression) 2. javascript:void expression expression 是一个要计算的 Javascript 标准的表达式…

JavaScript中“javascript:void(0) ”是什么意思

来源: <a href="javascript:test();void(0);">here</a> 此处:Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值. void 操作符用法格式如下:1. javascript:void (expression)2. javascript:void expression expression 是一个要计算的 Javascript 标准的表达式.表达式外侧的圆括号是可选的,鉴于规范化,以及养…

[理论篇]一.JavaScript中的死连接`javascript:void(0)`和空连接`javascript:;`

void 运算符 void 运算符会对给定的表达式进行求值,然后直接返回 undefined void 运算符通常只用于获取 undefined 的原始值,一般使用 void(0)(等同于 void 0).在上述情况中,也可以使用全局变量undefined 来代替(假定其仍是默认值). <script> console.log(void(console.log("OK"))); </script> 运行结果 OK undefined 一般我个人称 javascr…

转：js中javascript:void(0) 真正含义

from:http://www.jb51.net/article/71532.htm 在Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值. 我想使用过ajax的都常见这样的代码: 代码如下: <a href="javascript:doTest2();void(0);">here</a> 但这儿的void(0)究竟是何含义呢? void 操作符用法格式如下: 1. javascript:void (expression) 2.…

为了防止页面重新自动加载，可以给a标签设置href="javascript:void(0);"

<a href="javascript:void(0);"></a>   <a href="javascript:;"></a>…

关于easyui框架中a标签使用onclick()触发事件偶尔会选项卡消失BUG解决方案

今天发现公司的一个easyui项目中有个页面会在触发onclick事件时选项卡消失,如下图产生BUG后产生BUG前查找很多地方还有资料不知道哪里出现的问题,看了下框架源码之类的,因为不是专门的前端对应前端代码不是太熟悉,所以也没发现问题,最后使用一行行删除的方法测试,最后发送是onclik加在a标签上的, href=“#”所以点击后出现选项卡消失的问题,和onclik无关,最后使用href="javascript:void(0);"解决了这个BUG. 具体原因经过查找资料发现应该…

CSS写的提示框（兼容火狐IE等各大浏览器）

项目上使用jQuery的Tooltip组件,在谷歌上正常,在火狐和IE下没有效果,所以根据谷歌的提示框单独用CSS写了个提示框,比较好的兼容了火狐和IE,且效果一样原Tooltip代码: $('#dd').tooltip({ position: 'right', content: '<span style="color:#fff"><s:text name="com.vrv.cems.policy.template.userPassword.localPa…

day02 html body中的标签

day02 html 一.body中的标签 a标签: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--a标签: 默认在自己的页面打开这个超链接target="_se…

html中a标签中的onclick和href的使用

1. 链接的 onclick 事件被先执行,其次是 href 属性下的动作(页面跳转,或 javascript 伪链接): 假设链接中同时存在 href 与 onclick,如果想让 href 属性下的动作不执行,onclick 必须得到一个 false 的返回值.不信,你可以将 goGoogle 函数中的 return false 注释掉: 如果页面过长有滚动条,且希望通过链接的 onclick 事件执行操作.应将它的 href 属性设为 javascript:void(0);,而不要是 #,…

A标签使用javascript:伪协议

一.前言今天,遇到一个别人挖的坑,问题是这样的. 做了一个列表页,可以筛选数据,有很多筛条件.主要是有input复选框和<a>标签两种.如图: 其中房价的筛选条件使用<a>标签,代码如下 <a href="javascript:;" name="price">150元-300元</a> 用javascript:; 来阻止了a标签跳转链接. 但是,却发现在IE下面点击a标签,居然清除了其他input复选框的筛选项,wh…

记录下项目中常用到的JavaScript/JQuery代码一（大量实例）

一直没有系统学习Javascript和Jquery,每次都是用到的时候去搜索引擎查,感觉效率挺低的.这边把我项目中用的的记录下,想到哪写哪,有时间再仔细整理. 当然,由于我主要是写后端java开发,而前端这几年风起云涌,发展很快,新的技术框架层出不穷,我也就没把心思放这块,目前公司只有前端,没有交互开发工程师,所以我们只能硬顶. 写出来的前端代码很可能没有什么模块意识,也比较混乱,有错误特别正常,希望你看到了在留言中指出来,以免误导他人,谢谢. 0.点击事件的事件函数一般要加return fal…

第61节:Java中的DOM和Javascript技术

Java中的DOM和Javascript技术 DOM是一门技术,是文档对象模型.所需的文档只有标记型文档,如我们所学的html文档(文档中的所有标签都封装成为对象了) DOM: 为Document Object Model, 文档对象模型, 是用来将标记文档以及文档中的标签等所有内容都封装成对象. 把标签文档中所有的标签封装成对象, 文档也封装成对象,DOM技术(标记型文档封装成对象) DOM技术存在浏览器中,内置了DOM技术解析器,变对象是需要进行解析的,描述进行封装.在内存当中进行解析,为D…