首頁 > web前端 > html教學 > HTML DOM Anchor protocol Property的中文翻譯是'HTML DOM 錨點協定屬性'

HTML DOM Anchor protocol Property的中文翻譯是'HTML DOM 錨點協定屬性'

王林
發布: 2023-09-23 09:17:01
轉載
1922 人瀏覽過

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 &minus;//abc.com &minus;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>
登入後複製

輸出

HTML DOM Anchor protocol Property的中文翻译是"HTML DOM 锚点协议属性"

#點擊「顯示協定」按鈕-

HTML DOM Anchor protocol Property的中文翻譯是'HTML DOM 錨點協定屬性'

#

以上是HTML DOM Anchor protocol Property的中文翻譯是'HTML DOM 錨點協定屬性'的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板