資料結構
網路
關係資料庫管理系統 (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
廣告