target属性,target属性值有哪些

说说超链接target属性的取值和作用？

target这个属性指定所链接的页面在浏览器窗口中的打开方式。

它的参数值主要有：

a、 _blank ：在新浏览器窗口中打开链接文件

b、 _parent ：将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就象 _self 参数一。

c、 _self ：在同一框架或窗口中打开所链接的文档。此参数为默认值，通常不用指定。但是我不太理解。

d、 _top ：在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架。

HTML中target属性是什么意思

A标签target属性：

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

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

Target属性作用：

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

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

Target属性详解：

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

一、Target属性blank的作用

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

用法：a herf=””?target=”_blank”网络推广/a

二、Target属性self的作用

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

用法：a herf=””?target=”_self”网络推广/a

三、Target属性parent的作用

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

用法：a herf=””?target=”_parent”网络推广/a

四、Target属性top的作用

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

用法：a herf=””?target=”_top”网络推广/a

五、Target属性framename的作用

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

其用法：

frameset cols="10,10"

frame src="doc.html"

frame src="div.html" name="view_frame"

/frameset

实际效果如下：

JS中target属性的使用

最近学习了target属性，是真的强大，可以不使用for()循环或者数组forEach()去判断我点击或者我需要找的是哪个元素，直接使用target点击就可获取。

接下来说说target哪里强大。

先看看target是什么意思

target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。

我认为target事件就是会自动判断我们点的是哪个元素，我给大家举个简单的例子

当我们的鼠标点击第一个li时，会提示“你刚刚点击了我”，并打印li今天6.11/li

当我们的鼠标点击第二个li时，会提示“你刚刚点击了我”，并打印li今天6.12/li

当我们的鼠标点击第三个li时，会提示“你刚刚点击了我”，并打印li今天6.13/li

还有各个属性，说几个比较常用的

获取文本内容： tar.textContent

获取父级节点： tar.parentNode

获取节点名称： tar.nodeName

需要注意，使用target获取到的节点名称全部为大写

这就是他的强大的地方，会根据我们鼠标点击的元素来返回相应的数据，帮助我们更快的获取该属性，感兴趣的朋友可以试试。