資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究HTML DOM 錨點 target 屬性
HTML DOM target 屬性與錨點標籤 (<a>) 相關聯，它指定點選 URL 後新網頁將在哪裡開啟。它可以具有以下值：
- _blank − 這將在新視窗中開啟連結文件。
- _parent − 這將在父框架集中開啟連結文件。
- _top − 這將在完整的正文視窗中開啟連結文件。
- _self − 這將在同一視窗中開啟連結文件。這是預設行為。
- framename − 這將在指定的 framename 中開啟連結文件。
語法
以下是語法：
返回 target 屬性：
anchorObject.target
設定 target 屬性：
anchorObject.target = "_blank|_self|_parent|_top|framename"
示例
讓我們來看一個錨點 target 屬性的例子：
<!DOCTYPE html>
<html>
<body>
<p><a id="Anchor" target="_self" href="https://www.examplesite.com">example site</a></p>
<p><a id="Anchor2" href="https://www.examplesite.com">example site</a></p>
<p>Click the button to see the value of the target attribute.</p>
<button onclick="getTarget1()">GetTarget</button>
<button onclick="setTarget2()">SetTarget</button>
<p id="Target1"></p>
<script>
function getTarget1() {
var x = document.getElementById("Anchor").target;
document.getElementById("Target1").innerHTML = x;
}
function setTarget2(){
document.getElementById("Anchor2").innerHTML="Target has been set";
document.getElementById("Target1").target="newframe";
}
</script>
</body>
</html>輸出
這將產生以下輸出：
點選“GetTarget”按鈕後：
點選“SetTarget”按鈕後：
在上面的例子中：
我們使用了一個帶有 target 屬性和 _self 值的錨點標籤，以及另一個帶有預設 _blank 值的錨點標籤。
<p><a id="Anchor" target="_self" href="https://www.examplesite.com">example site</a></p> <p><a id="Anchor2" href="https://www.examplesite.com">example site</a></p>
然後，我們建立了兩個名為 GetTarget 和 SetTarget 的按鈕，分別執行 getTarget1() 和 setTarget2() 函式。
<button onclick="getTarget1()">GetTarget</button> <button onclick="setTarget2()">SetTarget</button>
getTarget1() 將從第一個連結獲取 target 值並在 id 為“Target1”的段落標籤中顯示。setTarget2() 將 link2 的 target 值從預設的 _blank 更改為自定義框架“newframe”。
function getTarget1() {
var x = document.getElementById("Anchor").target;
document.getElementById("Target1").innerHTML = x;
}
function setTarget2(){
document.getElementById("Target1").innerHTML="Target has been set";
document.getElementById("Anchor2").target="_blank";
}
更新於：2021年2月20日
239 次檢視
廣告