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标签的总结暂时这么多,后面想到了再更,有错误之处还望指出。