HTML_a标签的href属性取值解析

定义和用法

<a> 标签的 href 属性用于指定超链接目标的 URL。

href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。如果用户选择了 <a> 标签中的内容，那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档，或者执行 JavaScript 表达式、方法和函数的列表。

 

1 <a href="路径"></a>

这种方法最常见，点击a标签，页面将会跳转到href指定的路径页面下。这里的路径可以是绝对路径，也可以是相对路径。

 

2 当做锚点使用 <a href="#锚点名"></a>

点击的时候，可以跳转到id为锚点名的元素位置，当前页面实际高度太长，可以设置相应锚点，便于回到想要的位置。除了可以在同一个页面跳转，还可以跳转到其他页面的相应位置。

 

3 回到顶部<a href="#"></a>

4 <a href=”javascript:void(0);”></a>以及<a href=”javascript:;”></a>

这种方法是很多网站最常用的方法，也是最周全的方法，屏蔽掉自身的跳转事件，通过onclick方法负责执行js函数。void是一个操作符，void(0)返回undefined，地址不发生跳转。这种方式可以保留a标签的样式，一些业务场景中是比较省事的做法。

 

转载于:https://www.cnblogs.com/taishuhanmei/p/9062223.html