<a href="#"> 与<a href="javascript:void(0)">空链接的区别

这两种方法都是把 <a>标签设置成空链接

<a href="#" target="_blank"></a>

#其实也是空连接的意思，但是点击之后会自动跳转到页面的顶部，并且在页面URL后面会出现 #

因为用了这个方法就相当于点击了一个锚记，但是这个锚记又没写ID，所以就默认跳转到页面顶部

可以使用多写#来避免调到顶部

<a href="####" target="_blank"></a>2.

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

void是一个操作符，这个操作符指定要计算一个表达式但是不返回值。如果在void中写入0（void(0)），则什么也不执行，从而也就形成了一个空链接

所以，#与javascript:void(0)的区别也很明显，#方法会跳转到页面的顶部，并且在页面URL后面会出现#，而javascript:void(0)方法不会，所以如果是空连接的话，还是推荐javascript:void(0)

<a href="javascript:;" target="_blank"></a>

时间： 2024-07-31 19:28:38

<a href="#"> 与<a href="javascript:void(0)">空链接的区别的相关文章

IE下href="javascript:void(0) 会弹出空白页

经过排查,发现是href="javascript:void(0);"导致的问题,本来javascript:void(0);的用处是不用整体刷新网页且返回一个空值,但这儿由于DOM本身的冒泡事件所以会最后执行HREF属性内的javascript:void(0);导致执行函数返回了一个空值,所以覆盖掉了前面正常执行函数所返回的值引起的错误. 一般情况下,IE会先运行DOM本身绑定的事件,如ONCLICK;如果没有阻止冒泡,则会顺序执行HREF属性.如果想正确运行,可以在前面用RETURN

22."javascript:;" 和 "javascript:void(0)" 有区别?

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

javascript:void(0)的问题

javascript:void(0)的问题最近看了好几个关于<a>标签和javascript:void(0)的帖子,谨记于此,以资查阅. 注:以下代码未经全面测试,但每一种方法可能会出现的情况都基本做了说明. 在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,用户体验不好. 目前有如下几种解决办法: 1)点击链接后不做任何事情 Java代码

JavaScript:void(0);的作用

JavaScript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值. void 操作符用法格式如下: 1. javascript:void (expression) 2. javascript:void expression expression是一个要计算的 JavaScript 标准的表达式.表达式外侧的圆括号是可选的,但是写上去是一个好习惯.我们可以使用 void 操作符指定超级链接.表达式会被计算但是不会在当前文档处装入任何内容.面的代码创建了一个超级链接,当用户点击以

<a>标签和javascript:void(0)

最近看了好几个关于<a>标签和javascript:void(0)的帖子,谨记于此,以资查阅. 注:以下代码未经全面测试,但每一种方法可能会出现的情况都基本做了说明. 在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶端,用户体验不好. 目前有如下几种解决办法: 1)点击链接后不做任何事情 Java代码 1.<a href="

ie6 javascript:void(0);

遇到过几次这种问题,现在总结一下. 代码: <a onclick="window.location.href='http://www.google.com'" href="javascript:void(0);">google</a> 这段代码在主流的浏览器里面都没问题,但是在IE6下就会出现不能跳转的现象. 经过一翻排查,发现绑定的事件都会执行,是由于DOM本身的冒泡事件所以会最后执行href属性内的javascript:void(0);导

javascript:void(0)的兼容问题

先解释javascript:void(0)是什么意思? href="javascript:void(0);"这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址, 而void(0)表示一个空的方法,也就是不执行js函数. javascript:void(0)在火狐和IE下的兼容问题处理发现是href="javascript:void(0);"导致的问题,本来javascript:void(0);的用处是不用整体刷新网页且返回一个空值,但这儿由于DOM本

href=#与 href=javascript:void(0) 的区别

<a href="#"> 点击链接后,页面会向上滚到页首,# 默认锚点为 #TOP <a href="javascript:void(0)" onClick="window.open()"> 点击链接后,页面不动,只打开链接 <a href="#" onclick="javascript:return false;"> 作用同上,不同浏览器会有差异. 点击链接后,不想使页

href="javascript:void(0);"与#的区别

将<a>标签设置为空链接有两种方式,第一种是href="#",另外一种是href="javascript:void(0);".两种方式都设置了标签为空链接,但是两种方式还是有些不同的地方. href="#",当点击的时候会跳转到页面的顶部,相当于点击了一个锚点,在URL的后面也会出现一个#的标识符号. 而href="javascript:void(0);"则是要执行一个javascript的表达式.void(0)不