a href="javascript:"与a href="#"

<a href="javascript:;"></a>
    <a href="#"></a>

这两种写法。这两种写法到底有什么不同呢?用哪种来写更加规范呢?

将href="#"是指联接到当前页面,其实是无意义的,页面也不会刷新。这是一个锚链接。

在制作网页时html语言里的参数,用于指定链接的url ####就是本页链接,href="地址"就是链接到地址 链接本页面 默认本页,不弹出新窗口,空连接时,如果去掉#,则不显示鼠标手型光标。 通俗一点就是 一个 指向本页的假链接 也可以在#后面跟上锚点id 这个实际上是一个书签的另一种用法。

语法:<a href="#书签的名称">链接的文字</a>

链接到不同页面的书签

语法:<a href="链接文件的地址#书签名称">链接的文字</a> (注意引号和#号)

正常情况下点击:<a href="#书签名称">链接的文字</a>这个链接,则光标会自动跳转到本页面的:<a name="书签名称">文字</a>的位置。

如果我们只是想写成一个没有任何事件跳转发生的a标签。我个人并不推荐用<a href="#">这种写法。

但是href这个属性同样可以识别javascript代码段。

其中javascript: 是一个伪协议。它可以让我们通过一个链接来调用javascript函数。但是由于这个函数为空,所以我们调用的就是一个空函数,并不会发生任何实质性的改变。同时可以实现a标签的点击运行。如果当页面里面的内容很多的时候,有了上下滚动条,使用href=“#"会发生跳转到页面顶部的问题。而使用href="javascript:;" 就可以避免页面的乱跳!

所以,如果我们想要写一个死的a标签,使用

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

会更有利于增加我们的页面的用户友好度!

转自:http://blog.csdn.net/u011277123/article/details/53389898

时间: 2024-08-06 11:34:03

a href="javascript:"与a href="#"的相关文章

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

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

href=javascript:;清除a标签的默认行为

href="javascript:;"就是去掉a标签的默认行为,跟href="javascript:void(0)"是一样的 [以下内容为转载原文链接:http://www.cnblogs.com/xd502djj/archive/2010/11/10/1874107.html] 在页面中的链接除了常规的方式以外,如果使用javascript,还有很多种方式,下面是一些使用javascript,打开链接的几种方式: 1.使用window的open方法打开链接,这里可

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

href=&quot;javascript:showinfo(this)&quot;不存在

如果想通过a标签的href属性调用js函数,则这种方式不能传递当前对象参数,换成onclick属性即可,看一个例子: <a href="javascript:showinfo(this)" target="_blank"></a> 我想通过这种方式去调用js函数,并把当前对象传递过去,发现并不能行,但是我必须要传递我点击的当前对象过去,最后只有改成onclick才行,即 <a href="javascript:void(0)&

href=&quot;javascript:xxx(this);&quot;和onclick=&quot;javascript:xxx(this);&quot;的区别

href="javascript:xxx(this);"和onclick="javascript:xxx(this);" 一直以为这两种写法是等同的,今天在项目中使用时发现前者的this根本拿不到触发事件的A标签,而后者可以拿到 一般在做分页按钮时会用A标签来做,但是一般都会写<a href="#" onclick="turnPage(1,10)">之类的 href="#"会导致分页在跳转时页面

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

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

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

最佳死链接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.

href=&quot;javascript:void(0)&quot;

自己亲自测了以下:<a href="javascript:void(0) " onclick="on(this)">链接</a>:先执行on函数,页面不动 <a href="#" onclick="on(this)">链接</a>:先执行on函数,回到顶部 <a href="https://www.baidu.com" onclick="on(