免費AI編程助手
Link rel 屬性
Link 對象定義和用法
rel 屬性規(guī)定當(dāng)前文檔與被鏈接文檔之間的關(guān)系。
語法
設(shè)置 rel 屬性：
linkObject.rel="relationship"
返回 rel 屬性：
linkObject.rel
屬性值：
| 值 | 描述 |
|---|---|
| alternate | 文檔的替代版本（比如打印頁、翻譯或鏡像）。 |
| stylesheet | 文檔的外部樣式表。 |
| start | 集合中的第一個文檔。 |
| next | 集合中的下一個文檔。 |
| prev | 集合中的上一個文檔。 |
| contents | 文檔的目錄。 |
| index | 文檔的索引。 |
| glossary | 在文檔中使用的詞匯的術(shù)語表（解釋）。 |
| copyright | 包含版權(quán)信息的文檔。 |
| chapter | 文檔的章。 |
| section | 文檔的節(jié)。 |
| subsection | 文檔的小節(jié)。 |
| appendix | 文檔的附錄。 |
| help | 幫助文檔。 |
| bookmark | 相關(guān)文檔。 |
瀏覽器支持
所有主要瀏覽器都支持 rel 屬性
注意： Opera或Safari瀏覽器不支持"search" 值。
注意： IE, Safari, 或 Chrome 瀏覽器不支持 "sidebar"。
實例
實例
顯示當(dāng)前文檔與被鏈接文檔之間的關(guān)系:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool在線教程(w3cschool.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>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool在線教程(w3cschool.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>
嘗試一下 ?
Link 對象
更多建議：