Thuộc tính href của Base trong HTML DOM

Thuộc tính href của Base trong HTML DOM liên quan đến thẻ <base> HTML. Thẻ <base> dùng để chỉ định base URL cho tất cả các URL tương đối trong tài liệu HTML hiện tại. Chỉ có tối đa một thẻ <base> trong tài liệu HTML. Thuộc tính Base href trả về giá trị thuộc tính href trong phần tử base.

Cú pháp

Thiết lập thuộc tính href

baseObject.href = URL

Ở đây, URL là base URL.

Trả về thuộc tính href

baseObject.href

Ví dụ

Dưới đây là ví dụ cho thuộc tính Base href:

<!DOCTYPE html> <html> <head> <base id="myBase" href="https://www.bing.com"> </head> <body> <a href="/images">HÌNH ẢNH</a> <p>Click nút bên dưới để thay đổi giá trị href của link trên</p> <button onclick="SetHref()">ĐẶT NÓ</button> <button onclick="GetHref()">LẤY NÓ</button> <p id="Sample"></p> <script>    function SetHref() {       document.getElementById("myBase").href = "https://duckduckgo.com";       document.getElementById("Sample").innerHTML = "Base URL đã thay đổi từ bing.com       thành duckduckgo.com";    }    function GetHref(){       var x = document.getElementById("myBase").href;       document.getElementById("Sample").innerHTML = x;    } </script> </body> </html>

Kết quả

Ví dụ này sẽ cho kết quả sau:

Khi click nút ĐẶT NÓ:

Khi click nút LẤY NÓ:

Giải thích ví dụ:

Đầu tiên tạo phần tử <base> với id “myBase” và thuộc tính href = https://www.bing.com:

<base id="myBase" href="https://www.bing.com">

Tạo anchor element với href = “/images”. Đây là đường dẫn tương đối vì base path cho trong base tag. Kết hợp cả hai URL sẽ thành https://www.bing.com/images:

<a href="/images">HÌNH ẢNH</a>

Hai nút ĐẶT NÓ và LẤY NÓ gọi SetHref() và GetHref():

<button onclick="SetHref()">ĐẶT NÓ</button> <button onclick="GetHref()">LẤY NÓ</button>

SetHref() lấy <base> bằng id “myBase”. Đặt URL bằng href property thành https://www.duckduckgo.com. Thông báo hiển thị trong đoạn văn id “Sample”:

function SetHref() {    document.getElementById("myBase").href = "https://duckduckgo.com";    document.getElementById("Sample").innerHTML = "Base URL đã thay đổi từ bing.com thành duckduckgo.com"; }

GetHref() lấy <base> bằng id “myBase”. Lấy URL bằng href property gán cho biến x. Đổi innerHTML của đoạn văn thành x để hiển thị href value:

function GetHref(){    var x = document.getElementById("myBase").href;    document.getElementById("Sample").innerHTML = x; }