資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究HTML DOM base href 屬性
HTML DOM base href 屬性與 <base> HTML 標籤相關聯。<base> 標籤用於指定當前 HTML 文件中所有相對 URL 的基本 URL。HTML 文件中最多隻能有一個 <base> 標籤。Base href 屬性返回 base 元素中 href 屬性的值。
語法
以下是語法 -
設定 href 屬性 -
baseObject.href = URL
這裡，URL 是基本 URL。
返回 href 屬性 -
baseObject.href
示例
讓我們看看 Base href 屬性的一個示例 -
<!DOCTYPE html>
<html>
<head>
<base id="myBase" href="https://www.bing.com">
</head>
<body>
<a href="/images">IMAGES</a>
<p>Click the below button to change href value of the above link</p>
<button onclick="SetHref()">SET IT</button>
<button onclick="GetHref()">GET IT</button>
<p id="Sample"></p>
<script>
function SetHref() {
document.getElementById("myBase").href = "https://duckduckgo.com";
document.getElementById("Sample").innerHTML = "Base URL was changed from bing.com
to duckduckgo.com";
}
function GetHref(){
var x=document.getElementById("myBase").href;
document.getElementById("Sample").innerHTML = x;
}
</script>
</body>
</html>輸出
這將產生以下輸出 -
點選“設定”按鈕 -
點選“獲取”按鈕 -
在上面的示例中 -
我們首先建立了一個
<base id="myBase" href="https://www.bing.com">
然後，我們建立了一個錨元素，其 href 屬性的值等於“/images”。這裡，“/images”是相對路徑，因為基本路徑在 base 標籤中給出。將 base 和錨元素的 URL 組合起來，它將變成 https://www.bing.com/images。
<a href="/images">IMAGES</a>
然後，我們建立了兩個按鈕“設定”和“獲取”，分別呼叫函式 SetHref() 和 GetHref()。
<button onclick="SetHref()">SET IT</button> <button onclick="GetHref()">GET IT</button>
SetHref() 函式使用“myBase” ID 獲取 <base> 元素。然後，它使用 href 屬性將其 URL 設定為 https://www.duckduckgo.com。更改成功訊息顯示在 ID 為“Sample”的段落中。
function SetHref() {
document.getElementById("myBase").href = "https://duckduckgo.com";
document.getElementById("Sample").innerHTML = "Base URL was changed from bing.com to .comduckduckgo";
}GetHref() 使用“myBase” ID 獲取 <base> 元素。然後，它使用 href 屬性獲取其 URL 並將其分配給變數 x。然後，使用 innerHTML() 屬性將段落的 innerHTML 更改為 x。這將顯示 <base> 元素的 href 值。
function GetHref(){
var x=document.getElementById("myBase").href;
document.getElementById("Sample").innerHTML = x;
}
221 次瀏覽
