HTML DOM target 属性

最新推荐文章于 2023-02-09 23:13:30 发布
最新推荐文章于 2023-02-09 23:13:30 发布
阅读量117 收藏
点赞数
分类专栏： HTML DOM JS 相得益彰 文章标签： HTML Microsoft 框架 JavaScript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/myfltinthesky/article/details/83647483
版权

HTML DOM target 属性

定义和用法

target 属性可设置或返回在何处打开链接。

语法

anchorObject.target=_blank|_parent|_self|_top

四个保留的目标名称：

  • _blank - 在一个新的未命名的窗口载入文档
  • _self - 在相同的框架或窗口中载入目标文档
  • _parent - 把文档载入父窗口或包含了超链接引用的框架的框架集
  • _top - 把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架

实例

下面的例子将更改一个链接的文本、URL 以及 target：

<html>
<head>
<script type="text/javascript">
function changeLink()
{
document.getElementById('myAnchor').innerHTML="W3School";
document.getElementById('myAnchor').href="http://www.w3school.com.cn";
document.getElementById('myAnchor').target="_blank";
}
</script>
</head>

<body>
<a id="myAnchor" href="http://www.microsoft.com">Microsoft</a>
<input type="button" οnclick="changeLink()" value="Change link">
</body>

</html>
myfltinthesky
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
01-21
本文实例讲述了jquery获取并修改触发事件的DOM元素。分享给大家供大家参考，具体如下： 需求 ...    ...target 属性 代码： HTML <div class=people-name>{$vo['nickname']} ({$vo[>+关注 </div>
用javascript来控制 链接的target 属性的代码
10-30
HTML 4.0 规范中删除了 `target` 属性，但添加了另外一个属性 `rel`，它指定包含链接的文档和所链接文档之间的关系。规范中定义了其属性值，如 `next`、`previous`、`chapter`、`section`，在这些属性中，大多数是...
DOM对象 target属性
benben0729的专栏
09-02 824
target属性返回的是事件的目标节点 结合事件捕获去理解 事件捕获我们知道是document  -》 &lt;html&gt;  -》&lt;body&gt;  -》&lt;div&gt;这么顺序捕获的 &lt;ul&gt; &lt;li&gt;go beijing&lt;/li&gt; &lt;li&gt;go shanghai&lt;/li&gt; &lt;l
e.target--- dom事件对象event
杨咩咩
03-15 2171
event不会事件冒泡，值作用于此节点对象，不会传递到父节点或子节点 标准属性： 属性 描述 bubbles 返回布尔值，指示事件是否是起泡事件类型。 cancelable 返回布尔值，指示事件是否可拥可取消的默认动作。 currentTarget 返回其事件监听器触发该事件的元素。 eventPhase 返回事件传播的当前阶段。 target...
DOM事件对象中的this和target
KAMHUNCHAN的博客
02-08 217
【DOM】DOM事件中target和currentTarget
ColdCoder的博客
04-08 750
DOM事件中target和currentTarget的概念： target和currentTarget都是事件对象中的属性 target是指获取事件的目标，是触发事件的真实元素 currentTarget是指其事件处理程序当前正在处理事件的那个元素，是事件绑定的元素 DOM事件中this和currentTarget的关系： 在事件处理程序内部，对象this始终等于currentTarget的值。 DOM事件中target和currentTarget的关系: 相等：当事件处理程序直接绑定在目标元素上
HTML DOM target事件属性
杰希默克的博客
09-27 451
target时间属性是 标准Event属性。 定义：target事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。 语法：event.target//实例：获取触发时间的元素 <html> <head> <script type="text/javascript"> function getEventTrigger(event){ x=event.targe
jQuery 实现DOM元素拖拽交换位置的实例代码
11-20
注：面板样式 position 属性必须是绝对位置或者相对位置。 2.监听面板的的 mousedown事件。 记录当前对应面板的位置target_index，设置面板透明拖动。 3.监听当前被拖动的面板的mousemove事件。 根据鼠标移动的位置...
pianoKeys:使用DOM事件的代码学院练习
04-25
使用DOM操作的钢琴键项目 屏幕截图 技术领域 HTML5 CSS JavaScript 程式码范例 显示用法示例：`let keyPlay = function（event）{event.target.style.backgroundColor ='pink'; }; 让keyReturn = function（event...
long-press-event:在纯JavaScript的1k中向DOM添加`long-press`事件
05-02
1k脚本，它使用和纯JavaScript向DOM中添加了一个long-press事件。 可在IE9 +，Chrome，Firefox，Safari和流行的移动浏览器（包括Cordova （电话间隔）应用程序）中使用。 默认为1.5秒，但可以通过向元素添加data-...
native-gallery:大约100行代码中的本机图像库
05-11
本地画廊 大约100行代码中的。 这个怎么运作 CSS属性用于捕捉 CSS属性可使JS平滑滚动 loading属性 与兼容 它被命名为native-gallery ，将来...// events are fired on target DOM node: target . addEventListener ( 'c
『豪横，让面试官无题可问』☛第一期-HTML面试题持续更新——猛男,你会了吗？
01-08
引言 欢迎学习的猛男和我一起豪横，讨论讨论、...7.简述超链接target属性的取值和作用8.label都有哪些作用？并举相应的例子说明9.iframe框架都有哪些优缺点？10.浏览器内多个标签页之间的通信方式有哪些？11.viewport常
jQuery详细教程
04-25
jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。 选择器允许您对 HTML 元素组或单个元素进行操作。 在 HTML DOM 术语中： 选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。...
jQuery EasyUI框架中的Datagrid数据表格组件结构详解
11-25
什么叫“完整的基础DOM结构”，这里“基础”的意思是指这个结构不依赖具体数据，不依赖Datagrid的view属性，只要存在Datagrid实例就会存在这样的基础DOM结构；而“完整”的意思是指在冻结列，冻结行，标题，footer，...
详细分析React 表单与事件
11-19
HTML 表单元素与 React 中的其他 DOM 元素有所不同,因为表单元素生来就保留一些内部状态。 在 HTML 当中，像 <input>, <textarea>, 和 <select> 这类表单元素会维持自身状态，并根据用户输入进行...
事件对象e的e.target
weixin_49602426的博客
09-11 2739
事件对象是事件的一系列相关数据的集合，跟事件相关。eg: 鼠标点击里面就包含了鼠标的信息（属性和方法）、键盘按下就包含了键盘事件的信息；事件对象是系统给我们自动创建的，不需要我们传递参数；事件对象只有事件（onclick、click等）存在的时候才会存在；事件对象只是一个形参，我们可以自己命名：event、e、ele等；btn.onclick = function(e){ // 这里的e就是所谓的事件对象e.target}e.target返回的是触发事件的对象（元素）。那么它和this。
target.getAttribute获取调用这个程序的元素的属性或id等
andrewleeeeee的专栏
11-06 5567
如： function setEffect(e) { var id = e.target.getAttribute("id");  //获取调用setEffect函数元素的id }   //会是4个中的1个
【JavaScript】DOM进阶/操作元素/Target/冒泡/Intersection API/部分案例
记忆超差的本人的博客
02-09 173
DOM进阶/操作元素/Target/冒泡/Intersection API/部分案例/生命周期简单介绍，js文件加载的几种方法
dom 事件对象中target与currentTarget区别
可遇，好孩子
10-23 1334
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="m10"> <a href="javascript:;">1</a> </div> <script> document.getElementById('m
什么是e.target
最新发布
07-09
`e.target` 是在事件处理程序中常用的一个属性，它表示触发事件的具体元素。 在事件处理程序中，当事件被触发时，会传递一个事件对象（通常被命名为 `e` 或 `event`）作为参数。这个事件对象包含了与事件相关的信息，包括触发事件的元素。 `e.target` 属性指向触发事件的元素，它可以是任何 DOM 元素。通过 `e.target`，你可以访问触发事件的元素的属性、内容、样式等信息，或者对其进行操作。 以下是一个简单的示例，演示了如何使用 `e.target`： ```html <button onclick="handleClick(event)">Click me</button> <script> function handleClick(event) { console.log("触发事件的元素：", event.target); console.log("触发事件的元素的文本内容：", event.target.textContent); console.log("触发事件的元素的类型：", event.target.tagName); // 其他操作... } </script> ``` 在上面的示例中，当点击按钮时，`handleClick` 函数会被调用，并传递一个事件对象作为参数。通过 `event.target`，我们可以访问触发点击事件的按钮元素，并打印出其文本内容和标签名。 需要注意的是，当事件冒泡时，`e.target` 可能会指向嵌套在触发元素内部的子元素。如果你需要确切地获取触发事件的元素，可以使用 `event.currentTarget` 属性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值