คุณสมบัติ target ของ Base ใน HTML DOM

คุณสมบัติ target ของ Base

คุณสมบัติ target ของ <base> element ใช้สำหรับตั้งค่าหรือคืนค่าของแอตทริบิวต์ target ของอิลิเมนต์ <base> แอตทริบิวต์ target ระบุว่าลิงก์ (hyperlink) จะเปิดที่ไหน - ในหน้าเดิม หรือหน้าใหม่

ค่าของคุณสมบัติ target

ไวยากรณ์ (Syntax)

การอ่านค่า target

baseObject.target

การกำหนดค่า target

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

ตัวอย่างการใช้งาน

ตัวอย่างด้านล่างแสดงการอ่านและเปลี่ยนค่า target ของ <base>

<!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>

ผลลัพธ์

เริ่มต้น: base target = "newframe1"

คลิก GET TARGET: แสดง "Base target for all links is: newframe1"

คลิก SET TARGET: เปลี่ยน target เป็น "_blank" แสดง "Target has been changed from newframe1 to _blank"

คำอธิบายเพิ่มเติม

• <base> ต้องอยู่ใน <head> และมีได้สูงสุด 1 ต่อเอกสาร
• target ของ base จะเป็นค่าเริ่มต้นสำหรับ ทุกลิงก์ (<a>) และ ทุกฟอร์ม (<form>) ในเอกสาร
• ลิงก์/ฟอร์มแต่ละอันสามารถ override ได้ด้วย target ของตัวเอง
• ค่า framename ใช้กับ framesets (legacy) หรือ iframe name
• การเปลี่ยน base target แบบไดนามิกส่งผลต่อลิงก์/ฟอร์มที่สร้างหลังการเปลี่ยนแปลง