码迷,mamicode.com
首页 > Web开发 > 详细

HTML_a标签的href属性取值解析

时间:2018-05-20 00:44:29      阅读:312      评论:0      收藏:0      [点我收藏+]

标签:family   一个   场景   检索   onclick   标签   strong   浏览器   click   

定义和用法

<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标签的样式,一些业务场景中是比较省事的做法。

 

HTML_a标签的href属性取值解析

标签:family   一个   场景   检索   onclick   标签   strong   浏览器   click   

原文地址:https://www.cnblogs.com/taishuhanmei/p/9062223.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!