HTML DOM Link hreflang屬性用法及代碼示例

Link hreflang 屬性設置/返回鏈接文檔的語言代碼。

用法

以下是語法 -

返回hreflang屬性值

linkObject.hreflang

環境hreflang到語言代碼

linkObject.hreflang = langCode

示例

讓我們看一個例子Link hreflang屬性 -

<!DOCTYPE html>
<html>
<head>
<title>Link hreflang</title>
<link id="extStyle" hreflang='en' rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<form>
<fieldset>
<legend>Link-hreflang</legend>
<h3>Spanish</h3>
<input type="button" onclick="changeStyle()" value="In what language is linked document written?">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var extStyle = document.getElementById("extStyle");
   function changeStyle(){
      if(extStyle.hreflang === 'en'){
         divDisplay.textContent = 'The linked document is written in english';
         document.getElementsByTagName('h3')[0].textContent = 'English'
      }
   }
</script>
</body>
</html>

在上麵的例子中‘style.css’包含 -

form {
   width:70%;
   margin:0 auto;
   text-align:center;
}
* {
   padding:2px;
   margin:5px;
}
input[type="button"] {
   border-radius:10px;
}
h3 {
   font-size:72px;
   color:gold;
}

輸出

這將產生以下輸出 -

點擊前‘In what language is linked document written?’按鈕 -

點擊後‘In what language is linked document written?’按鈕 -

相關用法

注：本文由純淨天空篩選整理自AmitDiwan大神的英文原創作品 HTML DOM Link hreflang Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。