数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装学
法学HTML DOM base target 属性
HTML DOM base target 属性与 HTML <base> 元素相关联。它用于设置或返回 <base> 元素 target 属性的值。target 属性用于指定超链接将打开的位置。它可以在页面本身或新页面中打开。
属性
以下是 target 属性的值：
| 属性值 | 描述 |
|---|---|
| _blank | 在新窗口中打开链接。 |
| _self | 在点击链接的同一框架中打开链接。这是默认行为。 |
| _parent | 在父框架集中打开链接。 |
| _top | 在窗口的整个主体中打开链接。 |
| framename | 在指定的框架名称中打开链接。 |
语法
以下是语法：
返回 target 属性：
baseObject.target
设置 target 属性：
baseObject.target = "_blank|_self|_parent|_top|framename"
示例
让我们来看一个 HTML DOM target 属性的示例：
<!DOCTYPE html> <html> <head> <base id="Base" target="newframe1" href="https://www.example.com"></head> <body> <p>Click the below button to get the target attribute value</p> <button onclick="getTarget()">GET TARGET</button> <p>Click the below button to set the target attribute value</p> <button onclick="setTarget()">SET TARGET</button> <p id="Sample"></p> <script> function getTarget() { var x = document.getElementById("Base").target; document.getElementById("Sample").innerHTML = "Base target for all links is: " + x; } function setTarget(){ document.getElementById("Base").target="_blank" document.getElementById("Sample").innerHTML="Target has been changed from newframe1 to _blank" } </script> </body> </html>
输出
这将产生以下输出：
点击 “获取目标” 时：
点击 “设置目标” 时：
在上面的示例中：
我们首先创建了两个按钮 “获取目标” 和 “设置目标” 来分别执行 getTarget() 和 setTarget() 函数：
<button onclick="getTarget()">GET TARGET</button> <button onclick="setTarget()">SET TARGET</button>
getTarget() 函数获取 id 为 “Base” 的元素，在本例中为 <base> 元素。base 元素的 target 属性被赋值给变量 x。然后，使用 innerHTML() 属性在 id 为 “Sample” 的段落中显示 target 属性的值。
function getTarget() {
var x = document.getElementById("Base").target;
document.getElementById("Sample").innerHTML = "Base target for all links is: " + x;
}setTarget() 函数获取 id 为 “Base” 的元素，在本例中为 <base> 元素。然后，<base> 元素的 target 属性被设置为 “_blank”，这意味着它将在新标签页中打开。“目标已从 newframe1 更改为 _blank” 然后显示在与其关联的 id 为 “Sample” 的段落中。
更新于：2019年8月6日
浏览量 17
广告