Link rel 属性

Link 对象

rel 属性规定当前文档与被链接文档之间的关系。

设置 rel 属性：

linkObject.rel="relationship"

返回 rel 属性：

linkObject.rel

属性值：

值

描述

alternate

文档的替代版本（比如打印页、翻译或镜像）。

stylesheet

文档的外部样式表。

start

集合中的第一个文档。

next

集合中的下一个文档。

prev

集合中的上一个文档。

contents

文档的目录。

index

文档的索引。

glossary

在文档中使用的词汇的术语表（解释）。

copyright

包含版权信息的文档。

chapter

文档的章。

section

文档的节。

subsection

文档的小节。

appendix

文档的附录。

help

帮助文档。

bookmark

相关文档。

所有主要浏览器都支持 rel 属性

<b>注意：</b> Opera或Safari浏览器不支持"search" 值。

<b>注意：</b> IE, Safari, 或 Chrome 浏览器不支持 "sidebar"。

显示当前文档与被链接文档之间的关系:

&lt;!DOCTYPE html&gt;

&lt;html&gt;

&lt;head&gt;

&lt;meta charset="utf-8"&gt;

&lt;title&gt;菜鸟教程(runoob.com)&lt;/title&gt;

&lt;link id="link1" rel="stylesheet" type="text/css" href="style1.css"&gt;

&lt;script&gt;

function displayResult(){

    var x=document.getElementById("link1").rel;

    alert(x);

}

&lt;/script&gt;

&lt;/head&gt;

&lt;body&gt;

&lt;button type="button" onclick="displayResult()"&gt;显示链接元素之间的关系&lt;/button&gt;

&lt;/body&gt;

&lt;/html&gt;