超链接的#和javascript:void(0)的区别

转载于:http://www.uw3c.com/cssviews/css12.html

在工作中,如果我们想把a标签中的链接置成空链接,我们一般会用两种方法:


1

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

或者


1

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

以上两种方法很多人都认为是空链接的方法,但是这两种方法是有区别的,到底有什么区别呢?今天我们来聊一下。

href="#"方法:

其实也是空连接的意思,但是点击之后会自动跳转到页面的最上面,因为用了这个方法就相当于点击了一个锚记,但是这个锚记又没写ID,所以就默认跳转到页面顶部。

href="javascript:void(0);"方法:

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

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

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

时间: 2024-10-23 19:14:14

超链接的#和javascript:void(0)的区别的相关文章

a href=#与 a 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="javasc

【转】href=&quot;#&quot;与&quot;javascript:void(0);&quot;的区别

在工作中,如果我们想把a标签中的链接置成空链接,我们一般会用两种方法: 1 <a href="#" target="_blank"></a> 或者 1 <a href="javascript:void(0);" target="_blank"></a> 以上两种方法很多人都认为是空链接的方法,但是这两种方法是有区别的,到底有什么区别呢?今天我们来聊一下. href="#

&lt;a href=”#”&gt;与 &lt;a href=”javascript:void(0)” 的区别

<a href=”#”>中的“#”其实是锚点的意思,默认为#top,所以当页面比较长的时候,使用这种方式会让页面刷新到页首(页面的最上部) javascript:void(0)其实是一个死链接,当使用超链接处理JS脚本(一般是click),又不想回到页首(这种情况可以理解为局部刷新)时经常使用 void 操作符的用法格式如下: 1. javascript:void (expression_r_r) 2. javascript:void expression_r_r 一般是带上(),这样可读性更

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

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

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

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

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

# 包含了一个位置信息,默认的锚是#top 也就是网页的上端. 而javascript:void(0), 仅仅表示一个死链接. 在页面很长的时候会使用 # 来定位页面的具体位置,格式为:# + id. 如果你要定义一个死链接请使用 javascript:void(0) .

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

#"包含了一个位置信息 默认的锚点是#top 也就是网页的上端 而javascript:void(0)  仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首 而javascript:void(0) 则不是如此 所以调用脚本的时候最好用void(0) 或者<input onclick> <div onclick>等 打开新窗口链接的几种办法 1.window.open('url') 2.用自定义函数 <script>       

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

好文要推:a标签的href="javascript:void(0)"和href="#"的区别 张鑫旭这篇文章也挺风趣的,作为一个轻微代码洁癖的程序员,该纠结时就纠结:是习惯还是规范!?   疑问:为什么要使用href="javascript:void(0);"? a 标签要写href属性!~有了href属性,天然鼠标手型,以及可以被键盘focus以及focus时候回车模拟点击行为(支持回车点击和默认可以获取焦点). href="#&qu

&lt;a href=&quot;#&quot;&gt; 与&lt;a href=&quot;javascript:void(0)&quot;&gt;空链接的区别

这两种方法都是把 <a>标签设置成空链接 1. <a href="#" target="_blank"></a> #其实也是空连接的意思,但是点击之后会自动跳转到页面的顶部,并且在页面URL后面会出现 # 因为用了这个方法就相当于点击了一个锚记,但是这个锚记又没写ID,所以就默认跳转到页面顶部 可以使用多写#来避免调到顶部 <a href="####" target="_blank"&