target属性的作用（target属性）

大家好，小爱来为大家解答以上问题。target属性的作用，target属性很多人还不知道，现在让我们一起来看看吧！

1、<a> 标签中的target 属性规定在何处（当前窗口或新开窗口）打开链接文档。

2、假如在一个 <a> 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的标记，然后将新的文档载入那个窗口。从此以后，超链接文档就可以指向这个新的窗口。

3、当用户第一次选择内容列表中的某个链接时，浏览器将打开一个新的窗口，将它标记为 "view_window"，然后在其中显示希望显示的文档内容。如果用户从这个内容列表中选择另一个链接，且这个 "view_window" 仍处于打开状态，浏览器就会再次将选定的文档载入那个窗口，取代刚才的那些文档。

4、在整个过程中，这个包含了内容列表的窗口是用户可以访问的。通过单击窗口中的一个连接，可使另一个窗口的内容发生变化。

5、对于target属性的属性值可有以下5种：_blank、_self、_parent、_top、framename，下面一一讲解每个属性值的作用与其实际用法。

6、作用：所指浏览器总在一个新打开、未命名的窗口中载入目标文档。（在新窗口中打开被链接文档）

7、用法：<a herf=”www.oroov.com”target=”_blank”>网络推广</a>

8、作用：这个目标的值对所有没有指定目标的 <a> 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 <base> 标签中的 target 属性一起使用。（在相同的框架中打开被链接文档）

9、用法：<a herf=”www.oroov.com”target=”_self”>网络推广</a>

10、作用：这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。（在父框架集中打开被链接文档）

11、用法：<a herf=”www.oroov.com”target=”_parent”>网络推广</a>

12、Target属性top的作用

13、作用：这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。（在整个窗口中打开被链接文档）

14、用法：<a herf=”www.oroov.com”target=”_top”>网络推广</a>

15、对于framename的作用就与以上四个的用法就不同了，当采用frameset框架的时候，使用target=”frame_name”或target=”view_frame”可指定a目标的地址,也就是同一个页面当用户从左边框架中的目录中选择一个链接时，浏览器会将这个关联的文档载入并显示在右边这个”view_frame”或”frame_name”框架中。当其他链接被选中时，右边这个框架中的内容也会发生变化，而左边这个框架始终保持不变。（在指定的框架中打开被链接文档）

16、其用法：

17、<frameset cols="10,10">

18、<frame src="doc.html">

19、<frame src="div.html" name="view_frame">

20、</frameset>

21、实际效果如图：

22、如果站在用户的角度方面，target标签对于优化用户体验的作用有一定的帮助性，当我们打开某一个页面时如果都在当前页面打开，会给用户造成极大的不便，总不能让用户每看一个页面点一次后退吧，还有就是有的用户习惯性的点击查看文章内容页后会关掉，如果都是当前页面打开，无异于提高了网站跳出率，所以一般网站的部分链接尽量使用新窗口打开

本文到此结束，希望对大家有所帮助。

免责声明：本文由用户上传，如有侵权请联系删除！