ie8兼容 a标签href javascript:void(0); 尽量不要用javascript:协议做为A的href属性,这样不仅会导致不必要的触发window.onbeforeunload事件;…
一:一个小图标的制作 我们在支付宝.微信等某些地方上传文件时会遇到以下的图标,但是这样的图标其实可以用<a/>标签以及css样式完成, 具体代码如下: <!DOCTYPE html> <html> <head></head> <style> .add{ display: block; /*以块级元素展示,可以设置宽高*/ width: 100px; height: 100px; position: relative; color: #…
在使用<a>标签时,经常会绑定其他事件比如onclick,这时候我们会给<a>标签的href属性赋值为“#”,“javacript:;”,“javacript:void(0);”等. 一.href="javacript:;"  用这个的话会出现浏览器访问“javascript:;”这个地址的现象,所以任何情况下都不建议使用: 二.href="javacript:void(0);" 表示点击这个链接后执行一条javascript语句:void(…
一.href="javacript:;"  这种用法不正确,这么用的话会出现浏览器访问“javascript:;”这个地址的现象: 二.href="javacript:void(0);" 表示点击这个链接后执行一条javascript语句:void(0); 这条语句表示什么也不做,是个空语句,出现它的原因,就是因为这个链接里面会出现一个点击事件,onclick="sss()"; 三.href="#" 这个与Javascript…
//点击a链接,执行一段js代码 <!DOCTYPE html> <html> <head> <title></title> </head> <body> <a id="jsPswEdit" class="set-item" href="javascript:;">修改密码</a> </body> </html> &…
可以使用html5shiv(html5shiv主要解决HTML5提出的新元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式)来解决 <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> 代码说明:在 IE 浏览器的版本小于 IE9 时读取 html5s…
遇到过几次这种问题,现在总结一下. 代码: <a onclick="window.location.href='http://www.google.com'" href="javascript:void(0);">google</a> 这段代码在主流的浏览器里面都没问题,但是在IE6下就会出现不能跳转的现象. 经过一翻排查,发现绑定的事件都会执行,是由于DOM本身的冒泡事件所以会最后执行href属性内的javascript:void(0);导…
遇到过几次这种问题,现在总结一下. 代码: <a onclick="window.location.href='http://www.google.com'" href="javascript:void(0);">google</a> 这段代码在主流的浏览器里面都没问题,但是在IE6下就会出现不能跳转的现象. 经过一翻排查,发现绑定的事件都会执行,是由于DOM本身的冒泡事件所以会最后执行href属性内的javascript:void(0);导…
在 Wep App 中,我们经常需要在 JavaScript 中处理链接的点击.因此,我们希望用户点击 <a> 元素时阻止它的默认行为.此时我们可以用很多不同的方法来处理.例如: <a href="#">Click Me</a> <a href="#" onclick="return false">Click Me</a> <a href="javascript:void…
javascript:void(0) 含义 我们经常会使用到 javascript:void(0) 这样的代码,那么在 JavaScript 中 javascript:void(0) 代表的是什么意思呢? javascript:void(0) 中最关键的是 void 关键字, void 是 JavaScript 中非常重要的关键字,该操作符指定要计算一个表达式但是不返回值. 语法格式如下: <head> <script type="text/javascript"&g…
a标签中阻止跳转: <a href="javascript:;">跳转</a> <a href="javascript:void(0)">跳转</a> a标签中#也可以阻止跳转,但是会页面回到最顶端 <a href="#">跳转</a>…
使用如下方式的链接.在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>或直…
先说几句牢骚话. 虽然IE8比之IE6.7有很大的进步,但是在执行效率.兼容性上仍然有很多问题.被广大开发者喜爱的平台才是好平台. 可惜多亏当年盗版XP打开中国的计算机市场,IE作为一款捆绑软件仍然在中国有很大的使用人群.既然是中国人自己埋下的坑,咬着牙也要走下去. a标签的onclick事件 在开发现在这个平台时,用的是国产dwz开源前端框架,还是挺好用的,对IE的兼容性做的也比较好,很少发现有啥大问题. 只是如开头标题所示,页面弹出提醒框时,[确定]按钮点不了,导致页面相当于死机一样,只能重…
修正一个说法上的bug吧.对于IE6来说,点击后gif暂停bug仅仅发生在“javascript:伪协议未加分号”的情形下. 我再来提供一个视角吧. 给<a>标签增加href属性,就意味着以下事情: :link选择器可以选择到它 这个a标签可以获得焦点(可以通过tab按键访问到) 在浏览器的默认样式表中,有href属性的<a>标签才有cursor:pointer的效果(尤其是在低版本的IE上). 绑定了onclick事件的<a>标签,尤其是它的作用是ajax请求时,基本…
<a onclick="return false;" href="javascript: void(0)" target="_blank"></a> 这么做兼容的原因是:目前三大主流浏览器,对三个属性的处理顺序不同.Chrome:onclick -> href -> targetIE和Firefox:onclick -> target -> href(这就是为什么在ie和火狐中点击依然新开空页面了)…
在项目中有个位置的点击a标签这里要加一个权限判断,但是之前使用的是js动态添加a标签,href的属性值是一个url,但是我要做权限判断之后,我的url就不能设置在href属性中了,这样的话我可以在a标签里面新增一个属性来放置url的值,然后把href属性改为“javascript:void(0)”,这样使得点击的时候不会有任何操作,但是我改了之后还是会打开一个空白页面,后来找了一下发现是后面的target=“_blank”这个没有去掉,把这个去掉之后问题就解决了.…
转自http://blog.csdn.net/fightplane/article/details/5190037 <a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接 <a href="#" onclick="jav…
<a href="javascript:void(0);"></a> <!--按照格式要求,此处的0不能省略!! 虽然省略看上去也没什么影响.但是当发生点击事件的时候, 就会报错: Uncaught SyntaxError: Unexpected token ) --> <!--或者像下面这样: --> <a href="javascript:;"></a>…
最近看了好几个关于<a>标签和javascript:void(0)的帖子,谨记于此,以资查阅.注:以下代码未经全面测试,但每一种方法可能会出现的情况都基本做了说明. 在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,用户体验不好. 目前有如下几种解决办法: 1)点击链接后不做任何事情 1.<a href="javascript…
&src/href <!--href 用于标示资源和文档关系,src 用于替换标签内容--> <img src="xxx.jpg"/> <script type="text/javascript" src="xxx.js"></script> <a href="http://www.baidu.com">百度</a> <link rel=&q…
有时候我们在编写js过程中,需要触发事件而不需要返回值,那么就可能需要这样的写法   href=”#”,包含了一个位置信息.默认的锚是#top,也就是网页的上端,当连续快速点击此链接时会导致浏览器巨慢甚至崩溃. 当然我们一般用三个 href="###",不过看了这篇文章我们以后就可以使用javascript:;(一个冒号一个分号) javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值. javascript:;好些,javascript:void(0);…
例子:<a href="javascript:;">我的大学</a> javascript: 是一个伪协议 javascript:是表示在触发<a>默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击<a>时就没有任何反应. href="javascript:;"就是去掉a标签的默认行为,跟href="javascript:void(0)"是一样的?…
javascript: 是一个伪协议,其他的伪协议还有 mail:  tel:  file:  等等. 1 <a id="jsPswEdit" class="set-item" href="javascript:;">修改密码</a> javascript:是表示在触发<a>默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击<a>时就没有任何反应.…
将<a>标签设置为空链接有两种方式.第一个是href="#",第二个是href="javascript:void(0);". 两种方式都设置了标签为空链接.可是两种方式还是有些不同的地方. href="#".当点击的时候会跳转到页面的顶部,相当于点击了一个锚点,在URL的后面也会出现一个#的标识符号. 而href="javascript:void(0);"则是要运行一个javascript的表达式. void(0)…
href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,而void(0)表示一个空的方法,也就是不执行js函数. 为什么要使用href=”javascript:void(0);” javascript:是伪协议,表示url的内容通过javascript执行.void(0)表示不作任何操作,这样会防止链接跳转到其他页面.这么做往往是为了保留链接的样式,但不让链接执行实际操作, <a href="javascript:void(0)…
为了给一个<a />标签绑定javascript,但又不让它跳转链接,大家习惯上用的都是 <a href="javascript:;" onclick="test();">第一种</a> <a href="javascript:void(0);" onclick="test();">第二种</a> <a href="#" onclick=&q…
<a>标签中的href="javascript:;"是什么意思? 例子:<a href="javascript:;">我的大学</a> javascript: 是一个伪协议 javascript:是表示在触发<a>默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击<a>时就没有任何反应. href="javascript:;"就是去掉a…
为什么要使用href=”javascript:void(0);”   href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,而void(0)表示一个空的方法,也就是不执行js函数. 为什么要使用href=”javascript:void(0);” javascript:是伪协议,表示url的内容通过javascript执行.void(0)表示不作任何操作,这样会防止链接跳转到其他页面.这么做往往是为了保留链接的样式,但不让链接执行实…
在工作中,如果我们想把a标签中的链接置成空链接,我们一般会用两种方法: 1 <a href="#" target="_blank"></a> 或者 1 <a href="javascript:void(0);" target="_blank"></a> 以上两种方法很多人都认为是空链接的方法,但是这两种方法是有区别的,到底有什么区别呢?今天我们来聊一下. href="#…
<body> <a href="javascript:;">点了无反应</a> <a href="javascript:void(0);">点了无反应</a> <a href="javascript:void(alert('点击消息'));">点击弹出消息,不跳转</a> <a href="void(0)">点击跳转到 /void(…