คุณสมบัติโปรโตคอล HTML DOM Anchor ใช้เพื่อตั้งค่าหรือส่งคืนโปรโตคอลของลิงก์ในแอตทริบิวต์ href
ต่อไปนี้เป็นรูปแบบการตั้งค่าโปรโตคอล -
anchorObj.protocol = protocol_url
ด้านบน protocol_url เป็นโปรโตคอลของ URL ค่าอาจเป็น http, https, ftp เป็นต้น
ต่อไปนี้เป็นรูปแบบการคืนค่าโปรโตคอล -
anchorObj.protocol
ให้เราดูตัวอย่างการใช้งานคุณสมบัติโปรโตคอล DOM Anchor -
ตัวอย่าง
<!DOCTYPE html>
<html>
<body>
<h1>Demo Heading</h1>
<p>Link = <a id="mylink" hreflang="en" href="https −//abc.com −6064/abc.html/#new">Services</a></p>
<h2 id="myid"></h2>
<button onclick="display1()">Display pathname</button>
<button onclick="display2()">Display hreflang</button>
<button onclick="display3()">Display port</button>
<button onclick="display4()">Display protocol</button>
<script>
function display1() {
var a = document.getElementById("mylink").pathname;
document.getElementById("myid").innerHTML = a;
}
function display2() {
var a = document.getElementById("mylink").hreflang;
document.getElementById("myid").innerHTML = a;
}
function display3() {
var a = document.getElementById("mylink").port;
document.getElementById("myid").innerHTML = a;
}
function display4() {
var a = document.getElementById("mylink").protocol;
document.getElementById("myid").innerHTML = a;
}
</script>
</body>
</html> ผลลัพธ์
คลิกที่ “โปรโตคอลการแสดงผล ปุ่ม −
