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

Thuộc tính target của Base trong HTML DOM liên quan đến phần tử HTML <base>. Dùng để thiết lập hoặc trả về giá trị thuộc tính target của phần tử <base>. Thuộc tính target chỉ định nơi hyperlink sẽ mở. Có thể mở trong chính trang hoặc trang mới.

Giá trị thuộc tính

Dưới đây là các giá trị cho thuộc tính target:

Giá trị thuộc tính	Mô tả
_blank	Mở link trong cửa sổ mới.
_self	Mở link trong cùng frame nơi nó được click. Đây là hành vi mặc định.
_parent	Mở link trong frameset cha.
_top	Mở link trong toàn bộ thân cửa sổ.
framename	Mở link trong frame name được chỉ định.

Cú pháp

Trả về thuộc tính target

baseObject.target

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

baseObject.target = "_blank|_self|_parent|_top|framename"

Ví dụ

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

<!DOCTYPE html> <html> <head> <base id="Base" target="newframe1" href="https://www.example.com"> </head> <body> <p>Click nút bên dưới để lấy giá trị thuộc tính target</p> <button onclick="getTarget()">LẤY TARGET</button> <p>Click nút bên dưới để đặt giá trị thuộc tính target</p> <button onclick="setTarget()">ĐẶT TARGET</button> <p id="Sample"></p> <script>    function getTarget() {       var x = document.getElementById("Base").target;       document.getElementById("Sample").innerHTML = "Base target cho tất cả link là: " + x;    }    function setTarget(){       document.getElementById("Base").target = "_blank";       document.getElementById("Sample").innerHTML = "Target đã được thay đổi từ       newframe1 thành _blank";    } </script> </body> </html>

Kết quả

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

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

Khi click LẤY TARGET:

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

Khi click ĐẶT TARGET:

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

Giải thích ví dụ:

Tạo hai nút LẤY TARGET và ĐẶT TARGET để thực thi getTarget() và setTarget():

<button onclick="getTarget()">LẤY TARGET</button> <button onclick="setTarget()">ĐẶT TARGET</button>

getTarget() lấy phần tử id “Base” (phần tử <base>). Target property gán cho biến x và hiển thị trong đoạn văn id “Sample”:

function getTarget() {    var x = document.getElementById("Base").target;    document.getElementById("Sample").innerHTML = "Base target cho tất cả link là: " + x; }

setTarget() lấy phần tử id “Base” và đặt target property thành “_blank” (mở tab mới). Thông báo thay đổi hiển thị trong đoạn văn id “Sample”.