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> 출력
'디스플레이 프로토콜을 클릭합니다. " 버튼 -
