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' 打开邮件客户端发送邮件
> 发送邮件：<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>
发送复杂邮件：<a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">发送复杂邮件！</a>
注意：使用 %20 来替换单词之间的空格，这样浏览器就可以正确地显示文本了。
2.href = 'javascript:;' 或者 href = 'javascript:void(0)' 或者 href = 'javascript:void()'
死链接点击没有任何反应，个人理解禁用a标签的默认跳转行为。
<a href="javascript;" onclick=“func()”>
3.href = 'javascript:history.xxxx;' 用于返回上一页，下一页等
><a href="javascript:history.go(-1);">向上一页</a>
><a href="javascript:history.back();">返回上一页</a>
><a href="javascript:history.foward();">向下一页</a>
>图片或者按钮
><button onclick="javascript:history.back();">返回上一页</button>
history的三个方法：go() back() forward()
back() 加载到前一个页面
back() 加载到下一个页面
go() 加载到具体的页面 1向后加载 -1向前加载
4.href=“javascript:window.opener=null;window.close();” 关闭当前页面
关于a标签的总结暂时这么多，后面想到了再更，有错误之处还望指出。
网友评论