Anchor 是 HTML 中常见的超链接标签,通过它我们可以实现页面内跳转或者跳转到其他页面。而在 Anchor 标签中,有一个非常重要的属性就是 target 属性。target 属性用来指定链接打开的方式,可以控制链接在当前窗口打开,新窗口打开,或者在指定的框架中打开。
_blank
_blank
是 target 属性中最常见的取值,它表示在新窗口中打开链接。这种方式通常用于在新的标签页或者浏览器窗口中打开链接,不会影响当前页面的浏览。
示例代码:
<a href="http://www.example.com" target="_blank">点击这里在新窗口打开链接</a>
_self
_self
表示在当前窗口中打开链接,这是 target 属性的默认取值,如果不设置 target 属性,链接会默认在当前窗口中打开。
示例代码:
<a href="http://www.example.com" target="_self">点击这里在当前窗口打开链接</a>
_parent
_parent
表示在父窗口中打开链接,通常用于嵌套页面中。如果当前页面有多层嵌套,链接会在父级窗口中打开。
示例代码:
<a href="http://www.example.com" target="_parent">点击这里在父窗口打开链接</a>
_top
_top
表示在最顶层的窗口中打开链接,如果当前页面有多层嵌套,链接会在最顶层的窗口中打开。
示例代码:
<a href="http://www.example.com" target="_top">点击这里在最顶层窗口打开链接</a>
自定义框架
除了上述常见的 target 属性取值外,我们还可以自定义框架名称,来指定链接在特定的框架中打开。
示例代码:
<frameset cols="25%,75%"> <frame src="frame1.htm" name="frame1"> <frame src="frame2.htm" name="frame2"> </frameset> <a href="http://www.example.com" target="frame1">点击这里在 frame1 中打开链接</a>
总结
通过 target 属性,我们可以控制链接的打开方式,灵活地在当前窗口、新窗口、父窗口或者自定义框架中打开链接。在实际开发中,根据需求合理选择 target 属性的取值,以提升用户体验和页面交互效果。