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

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

张鑫旭这篇文章也挺风趣的,作为一个轻微代码洁癖的程序员,该纠结时就纠结:是习惯还是规范!?   疑问:为什么要使用href=”javascript:void(0);”?

a 标签要写href属性!~有了href属性,天然鼠标手型,以及可以被键盘focus以及focus时候回车模拟点击行为(支持回车点击和默认可以获取焦点)。

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

# 包含了一个位置信息,默认的锚是#top 也就是网页的上端。

而javascript:void(0), 仅仅表示一个死链接。

在页面很长的时候会使用 # 来定位页面的具体位置,格式为:# + id

如果你要定义一个死链接请使用 javascript:void(0) 。

<a href="javascript:void(0);">点我没有反应的!</a>

<a href="#pos">点我定位到指定位置!</a>

<br>

...

<br>

<p id="pos">尾部定位点</p>

javascript:void(0) 中最关键的是 void 关键字, void 是 JavaScript 中非常重要的关键字,该操作符指定要计算一个表达式但是不返回值。
<body>
<script type="text/javascript">
function getValue(){
   var a,b,c;
   a = void ( b = 5, c = 7 );
   document.write(‘a = ‘ + a + ‘ b = ‘ + b +‘ c = ‘ + c );
}
</script>    
<p>点击以下按钮查看结果:</p>
<form>
<input type="button" value="点我" onclick="getValue();" />
</form>
    
</body>

点击显示结果:a = undefined b = 5 c = 7

文章一

文章二

文章三

时间: 2024-08-05 03:14:37

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

&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"&

北京PK10平台架设 href=&quot;javascript:void(0)&quot;的用法

href="javascript:void(0)"的用法 href="javascript:void(0)"的理解 href="javascript:void(0);"的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,而void(0)表示一个空的方法,也就是不执行js函数.北京PK10平台架设 Q-2189563389为什么要使用href="javascript:void(0);" javascript:是伪协议,

为什么要使用href=”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)

href=&quot;javascript:void(0);&quot; 的用法

href="javascript:void(0);" 的含义是让超链接去执行一个js函数,而不是跳转到一个地址,而void(0)表示一个空的方法,即不执行js函数这样做的目的是防止链接跳转到其他页面,并让链接不执行任何实际的操作href="javascript:void(0);" href="javascript:void(0);" 和 href="#"区别:href="javascript:void(0);&quo

a标签之href=&quot;javascript:void(0)&quot;

记录下这个之前页面一直有问题也找不到什么原因后来发现了这个,提醒自己以后不再掉这坑. <p class="q_map">      <a href="javascript:void(0)" onclick="badMap();">质差地图</a></p> 这里如果不注意写成 <a href="" onclick="badMap();">质差地图&l

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

<a href="javascript:void(0);"></a> <!--按照格式要求,此处的0不能省略!! 虽然省略看上去也没什么影响.但是当发生点击事件的时候, 就会报错: Uncaught SyntaxError: Unexpected token ) --> <!--或者像下面这样: --> <a href="javascript:;"></a> 原文地址:https://www.c

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

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

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

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

最佳死链接href= &quot;#&quot; VS href= &quot;javascript:void(0);&quot;

href= "#" 熟悉hash跳转的同学都知道,只是一个hash跳转,跳转到页面的顶部,可以发现地址栏多了一个#,点击返回会返回本页面. href= "javascript: void(0)" 这是一个单纯的死链接 javascript: void()方法是一个没有返回值的函数,此种方法是不被推荐的,但仍然大量使用 最佳方案: href= "javascript:;" 详情: http://www.jb51.net/article/34156.