04 a标签href的所有可能取值

1. 先说说target属性

target属性规定在何处打开超链接,取值有如下几种:
_blank
浏览器在一个新打开、未命名的窗口打开文档
_self
当前窗口打开文档,没有target属性时的默认操作
_top
清除所有包含的框架,将文档载入整个浏览器窗口
_parent
将文档载入父窗口,如果引用是在父窗口或者顶级框架,与_self等效

2.Href的取值

来自菜鸟网络对a标签href的可能值:

超链接的 URL。可能的值:
1.绝对 URL - 指向另一个站点(比如 href="http://www.example.com/index.htm")
2.相对 URL - 指向站点内的某个文件(href="index.htm")
3.锚 URL - 指向页面中的锚(href="#abc")// abc为页面中某个元素的id或 者name,href=‘#’即默认锚#top,跳转到顶部但不刷新页面

此外,href的取值可能还有:
1.href = 'mailto:xxxxx' 打开邮件客户端发送邮件
> 发送邮件:发送邮件
发送复杂邮件:发送复杂邮件!

注意:使用 %20 来替换单词之间的空格,这样浏览器就可以正确地显示文本了。

2.href = 'javascript:;' 或者 href = 'javascript:void(0)' 或者 href = 'javascript:void()'
死链接点击没有任何反应,个人理解禁用a标签的默认跳转行为。

3.href = 'javascript:history.xxxx;' 用于返回上一页,下一页等
>
向上一页
>返回上一页
>向下一页
>图片或者按钮
>
history的三个方法:go() back() forward()
back() 加载到前一个页面
back() 加载到下一个页面
go() 加载到具体的页面 1向后加载 -1向前加载

4.href=“javascript:window.opener=null;window.close();” 关闭当前页面

关于a标签的总结暂时这么多,后面想到了再更,有错误之处还望指出。

你可能感兴趣的:(04 a标签href的所有可能取值)