target标签怎么用（JS轻松获取对象之srcElement与target篇）

本文目录

• JS轻松获取对象之srcElement与target篇
• HTML中属性targe的作用是什么
• html中标签的target属性中的_top和_parent有什么用 最好举例说明
• a标签的target指向iframe的name和id的区别
• c set标签的target属性有什么作用

JS轻松获取对象之srcElement与target篇

    开发中，当执行一个事件时需要去知道触发这个事件的对象是谁？那么，如何获取，在这里我就对 event.srcElement与event.target 操作获取略作区分 。 event.srcElement： 表示可以获取当前作用事件的对象。 event.target： 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 兼容性： event.target： Ie9+ 火狐、谷歌； event.srcElement：ie 678； srcElement 是 IE 下的属性target 是 Firefox 下的属性 Chrome 浏览器同时有这两个属性 一、利用event.srcElement 获取标签：event.srcElement.tagName ：因为它获取出来的都是以 大写 的形式，例如（“A”，“DIV”）所以需要转换 obj.tagName.toLowerCase()="a" 二、 利用event.srcElement 获取子对象: 第一个子标签 ：event.srcElement.firstChild;最后个一个是： event.srcElement.lastChild; 第几个孩子： event.srcElement.children; 所有孩子： event.srcElement.children; 所有孩子节点： event.srcElement.childNodes; 三、利用event.srcElement 获取父对象： .event.srcElement.parentElement； 可以理解成是在鼠标所在对象的上一个对象。 四、vent.target的 判断使用    js中事件是会泡的，event.target它永远是直接接受事件的目标DOM元素   一般是获取这个对象的id，兼容的写法如下：var targetId = event.target ? event.target.id : event.srcElement.id; 获取id后再拿到事件中去判断。 谢谢观读~��

HTML中属性targe的作用是什么

《a href="sl1.html" target="aa2"》是指在名称为"aa2"的框架中，打开网页sl1.htmlHTML 《a》 标签的 target 属性HTML 《a》 标签定义和用法《a》 标签的 target 属性规定在何处打开链接文档。如果在一个 《a》 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的标记，然后将新的文档载入那个窗口。从此以后，超链接文档就可以指向这个新的窗口。打开新窗口被指向的超链接使得创建高效的浏览工具变得很容易。例如，一个简单的内容文档的列表，可以将文档重定向到一个单独的窗口：《h3》Table of Contents《/h3》《ul》 《li》《a href="pref.html" target="view_window"》Preface《/a》《/li》 《li》《a href="chap1.html" target="view_window"》Chapter 1《/a》《/li》 《li》《a href="chap2.html" target="view_window"》Chapter 2《/a》《/li》 《li》《a href="chap3.html" target="view_window"》Chapter 3《/a》《/li》《/ul》亲自试一试当用户第一次选择内容列表中的某个链接时，浏览器将打开一个新的窗口，将它标记为 "view_window"，然后在其中显示希望显示的文档内容。如果用户从这个内容列表中选择另一个链接，且这个 "view_window" 仍处于打开状态，浏览器就会再次将选定的文档载入那个窗口，取代刚才的那些文档。在整个过程中，这个包含了内容列表的窗口是用户可以访问的。通过单击窗口中的一个连接，可使另一个窗口的内容发生变化。在框架中打开窗口不用打开一个完整的浏览器窗口，使用 target 更通常的方法是在一个 《frameset》 显示中将超链接内容定向到一个或者多个框架中。可以将这个内容列表放入一个带有两个框架的文档的其中一个框架中，并用这个相邻的框架来显示选定的文档：《frameset cols="100,*"》 《frame src="toc.html"》 《frame src="pref.html" name="view_frame"》《/frameset》 亲自试一试当浏览器最初显示这两个框架的时候，左边这个框架包含目录，右边这个框架包含前言。这是 "toc.html" 的源代码：《h3》Table of Contents《/h3》《ul》 《li》《a href="pref.html" target="view_frame"》Preface《/a》《/li》 《li》《a href="chap1.html" target="view_frame"》Chapter 1《/a》《/li》 《li》《a href="chap2.html" target="view_frame"》Chapter 2《/a》《/li》 《li》《a href="chap3.html" target="view_frame"》Chapter 3《/a》《/li》《/ul》请注意，在文档 "toc.html" 中，每个链接的目标都是 "view_frame"，也就是右边的框架。当用户从左边框架中的目录中选择一个链接时，浏览器会将这个关联的文档载入并显示在右边这个 "view_frame" 框架中。当其他链接被选中时，右边这个框架中的内容也会发生变化，而左边这个框架始终保持不变。特殊的目标有 4 个保留的目标名称用作特殊的文档重定向操作：_blank浏览器总在一个新打开、未命名的窗口中载入目标文档。_self这个目标的值对所有没有指定目标的 《a》 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 《base》 标签中的 target 属性一起使用。_parent这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。_top这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。提示：这些 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略，因此，不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。语法《a target="value"》属性值值 描述 _blank 在新窗口中打开被链接文档。 _self 默认。在相同的框架中打开被链接文档。 _parent 在父框架集中打开被链接文档。 _top 在整个窗口中打开被链接文档。 framename 在指定的框架中打开被链接文档。

html中标签的target属性中的_top和_parent有什么用 最好举例说明

***隐藏网址***这两种target都是针对框架的。比如你写了这样一个奇葩的网页page，网页page分成frame1、frame2，frame1又分成frame1-1、frame1-2，frame1-1又分成frame1-1-1，frame1-1-2。然后你在frame1-1-1中放了一个链接。如果这个链接的target="_self"，那么链接会在frame1-1-1中打开。如果target="_parent"，那么链接会在frame1-1中打开。如果target="_top"，那么链接会在page中打开。未经验证，根据W3School的说法应该是这个意思。

a标签的target指向iframe的name和id的区别

target是打开链接时用什么目标打开，是在新窗口中打开就用target=_blank，在父窗口中打开就用target=_parent，在当前窗口中打开就用target=_self,target=_top表示在顶层窗口中打开target根本就不存在指向问题，如果是href执行id的话就相当于锚点，点击此链接，屏幕直接跳到指定id的内容位置

c set标签的target属性有什么作用

target“版本”用于设置bean属性或Map值。target“版本”《c:set target="${petMap}" property="dogName" value="Clover" scope="session"/》 《c:set target="${person}" property="name"》 ${foo.name} 《/c:set》 如果“target”是一个Map，“property”指定的是该Map的一个键；如果“target”是一个bean，“property”指定的是该bean的一个成员字段。如果“target”表达式为null，容器会抛出一个异常。如果“target”表达式不是一个Map或bean，容器会抛出一个异常。如果“target”表达式是一个bean，但是这个bean没有与“property”匹配的成员字段，容器会抛出一个异常。