Link rel 屬性

Link 對(duì)象

定義和用法

rel 屬性規(guī)定當(dāng)前文檔與被鏈接文檔之間的關(guān)系。

語(yǔ)法

設(shè)置 rel 屬性：

linkObject.rel="relationship"

返回 rel 屬性：

linkObject.rel

屬性值：

值	描述
alternate	文檔的替代版本（比如打印頁(yè)、翻譯或鏡像）。
stylesheet	文檔的外部樣式表。
start	集合中的第一個(gè)文檔。
next	集合中的下一個(gè)文檔。
prev	集合中的上一個(gè)文檔。
contents	文檔的目錄。
index	文檔的索引。
glossary	在文檔中使用的詞匯的術(shù)語(yǔ)表（解釋?zhuān)?/td>
copyright	包含版權(quán)信息的文檔。
chapter	文檔的章。
section	文檔的節(jié)。
subsection	文檔的小節(jié)。
appendix	文檔的附錄。
help	幫助文檔。
bookmark	相關(guān)文檔。

瀏覽器支持

所有主要瀏覽器都支持 rel 屬性

注意： Opera或Safari瀏覽器不支持"search" 值。

注意： IE, Safari, 或 Chrome 瀏覽器不支持 "sidebar"。

實(shí)例

顯示當(dāng)前文檔與被鏈接文檔之間的關(guān)系:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(json.cn)</title>
<link id="link1" rel="stylesheet" type="text/css" href="style1.css">
<script>
function displayResult(){
????var x=document.getElementById("link1").rel;
????alert(x);
}
</script>
</head>
<body>

<button type="button" onclick="displayResult()">顯示鏈接元素之間的關(guān)系</button>

</body>
</html>

運(yùn)行代碼 ?

Link 對(duì)象其他擴(kuò)展

上一篇：Link media 屬性下一篇：Link rev 屬性