一、a标签的定义、属性和格式
<a> 标签定义超链接,用于从一张页面链接到另一张页面,其最重要的属性是 href 属性,它指示链接的目标。
常用的属性,且H5支持:
1)href:谷底那个链接指向的页面的URL;
2)target:规定在何处打开链接文档;
格式:<a href="#" target="">超链接</a>
二、href中#和javascript:void(0)的理解
① a href =" ":
默认打开的还是当前页面,会刷新一下重新打开。
② a href ="#":
浏览器地址栏网址后面会多显示1个#。不会刷新页面,会回到页面顶部。点击之后会自动跳转到页面的最上面,因为用了这个方法就相当于点击了一个锚记,但是这个锚记又没写ID,所以就默认跳转到页面顶部。
③ a href ="Javascript: void(0) ":
void是一个操作符,这个操作符指定要计算一个表达式但是不返回值。如果在void中写入0(void(0)),则什么也不执行,从而也就形成了一个死链接,默认阻止,不进行动作。
默认打开的还是当前页面,会刷新一下重新打开。
② a href ="#":
浏览器地址栏网址后面会多显示1个#。不会刷新页面,会回到页面顶部。点击之后会自动跳转到页面的最上面,因为用了这个方法就相当于点击了一个锚记,但是这个锚记又没写ID,所以就默认跳转到页面顶部。
③ a href ="Javascript: void(0) ":
void是一个操作符,这个操作符指定要计算一个表达式但是不返回值。如果在void中写入0(void(0)),则什么也不执行,从而也就形成了一个死链接,默认阻止,不进行动作。
<a href="javascript:void(0);" οnclick=function() >。onclick 会先于 href 执行。
三、target详解
有 4 个保留的目标名称用作特殊的文档重定向操作:
①_blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。
②_self
这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。
③_parent
这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。
④_top
这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。