`

HTML DOM target 属性

HTMLMicrosoft框架JavaScript 
阅读更多

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" onclick="changeLink()" value="Change link">
</body>

</html>
分享到：
| DOM 中，元素节点、属性节点、文本节点讲解
评论
2 楼 空谷悠悠 2010-06-25  
taoatianxia 写道
建议换一下例子：<a id="myAnchor" href="http://www.microsoft.com">Microsoft</a>
对微软不感冒。。

1 楼 taoatianxia 2010-06-25  
建议换一下例子：<a id="myAnchor" href="http://www.microsoft.com">Microsoft</a>
对微软不感冒。。
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    w3school HTML DOM 中文教程

    - 事件对象（Event Object）和常用事件属性如`target`、`currentTarget`、`eventPhase`等。 7. **样式操作** - 修改内联样式：`element.style.property`。 - 使用CSS类：`classList.add()`, `classList.remove()...

    HTML DOM 教程

    DOM是一种标准，它定义了如何表示HTML或XML文档，并允许程序和脚本动态更新、添加、删除以及改变元素和属性。 DOM模型将整个HTML页面视为一棵树状结构，每个节点代表页面中的一个元素或组件，如标签、文本、图像等...

    jquery获取并修改触发事件的DOM元素示例【基于target 属性】

    本文实例讲述了jquery获取并修改触发事件的DOM元素。分享给大家供大家参考，具体如下： 需求 ...    ...target 属性 代码： HTML &lt;div class=people-name&gt;{$vo['nickname']} ({$vo[&gt;+关注 &lt;/div&gt;

    js操作htmlDom模型

    2. 获取和修改元素属性：第二个例子展示了如何使用`getElementById`方法获取元素，并通过`innerHTML`、`href`和`target`属性改变链接的文本、URL和目标。这演示了如何动态更新页面元素的属性。 3. 聚焦与失焦：第三...

    HTML DOM Event 对象

    在W3C的2级DOM事件标准中，引入了更多通用属性，如`event.bubbles`（判断事件是否冒泡）、`event.cancelable`（决定是否可以取消事件的默认行为）和`event.currentTarget`（当前处理事件的元素，不同于`event.target...

    Angular4学习教程之DOM属性绑定详解

    在上面的例子中，`value`是HTML属性，而`event.target.value`是DOM属性。 绑定方式 在Angular4中，绑定方式有两种：插值表达式和属性绑定。插值表达式是通过使用双大括号将一个表达式的值显示在模版上，而属性绑定...

    ｈｔｍｌ　ｄｏｍ文档

    DOM是一个国际标准，由W3C组织维护，允许程序和脚本动态更新、添加、删除以及改变任何HTML或XML文档的元素、属性和内容。 **DOM的基本概念** 1. **节点（Node）**: DOM中的每个部分都被称为一个节点，包括HTML元素...

    Javascript_Dom操作案例

    JavaScript通过DOM API提供了一系列方法和属性，使我们能够查找、修改、添加和删除这些节点。 2. **获取DOM元素**： - `document.getElementById()`：根据ID获取元素。 - `document.querySelector()` 和 `....

    W3C DOM模型参考手册

    - **属性**：描述了事件的基本信息，如type、target等。 - **方法**：提供了处理事件的方法，如preventDefault()、stopPropagation()等。 #### 七、DOM Style Reference ##### 7.1 DOM Style Object DOM Style ...

    PHP中使用DOM

    4. **属性操作**：DOM提供了`DOMAttr`类来处理元素的属性。可以通过`DOMElement::getAttribute()`和`DOMElement::setAttribute()`来获取和设置属性值。 5. **文本操作**：`DOMText`类代表文档中的纯文本。可以使用`...

    JavaScript DOM 高级程序设计

    - DOM定义：DOM是W3C标准，它将HTML或XML文档解析为一棵由节点构成的树，每个节点代表文档的一部分，如元素、属性、文本等。 - 节点类型：包括元素节点、属性节点、文本节点等，每个节点都有特定的属性和方法。 -...

    JS原生系列-DOM篇.pdf

    - `document.getElementById(id)`：此方法通过元素的id属性来获取对应的DOM元素，返回具有指定id的元素。 - `document.getElementsByTagName(tagName)`：此方法返回一个包含具有指定标签名的所有元素的...

    DOM文档对象中文手册(chm).rar

    - **节点（Node）**: DOM将整个文档视为一系列相互关联的节点，每个节点代表文档的一个部分，如元素、属性、文本等。 - **树状结构**: 文档中的所有节点形成一个层次结构，类似于一棵倒置的树，称为DOM树。 - **...

    关于Ajax与iframe及target的问题

    在HTML中，`&lt;a&gt;`标签的`target`属性用于指定链接打开的位置，比如`_self`（当前窗口）、`_blank`（新窗口）、`_parent`（父框架）和`_top`（顶级框架）。当涉及到Ajax和iframe的交互时，`target`属性可以控制Ajax...

    用javascript来控制 链接的target 属性的代码

    HTML 4.0 规范中删除了 `target` 属性，但添加了另外一个属性 `rel`，它指定包含链接的文档和所链接文档之间的关系。规范中定义了其属性值，如 `next`、`previous`、`chapter`、`section`，在这些属性中，大多数是...

    DOM参考手册.doc

    DOM，即Document Object Model，是万维网联盟（W3C）制定的一种标准，它提供了一种结构化的表示HTML或XML文档的方式，并允许程序和脚本动态更新、添加、删除和改变元素及属性。DOM参考手册是开发人员理解和操作HTML...

    javascript DOM 高级程序设计源码（1）

    同时，`event`对象在事件处理函数中传递，提供如`event.target`等属性，帮助我们识别事件来源。 此外，我们还会涉及DOM遍历，如`childNodes`, `children`, `parentElement`等属性，以及`previousSibling`和`...

    JavaScript DOM编程艺术 源代码.rar code

    - DOM树：HTML或XML文档被解析成一棵节点树，其中每个元素、属性和文本都是一个节点。 - Document对象：整个DOM树的根节点，可以通过`window.document`访问。 - 节点操作：包括获取（`getElementById`、`...

Magicbox
Global site tag (gtag.js) - Google Analytics