Link rel 属性

Link 对象参考手册 Link 对象

定义和用法

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

语法

设置 rel 属性：

linkObject.rel = "relationship"

返回 rel 属性：

linkObject.rel

属性值：

值 描述
alternate 文档的替代版本（比如打印页、翻译或镜像）。
stylesheet 文档的外部样式表。
start 集合中的第一个文档。
next 集合中的下一个文档。
prev 集合中的上一个文档。
contents 文档的目录。
index 文档的索引。
glossary 在文档中使用的词汇的术语表（解释）。
copyright 包含版权信息的文档。
chapter 文档的章。
section 文档的节。
subsection 文档的小节。
appendix 文档的附录。
help 帮助文档。
bookmark 相关文档。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

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

实例

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

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

  <button type="button" onclick="displayResult()">显示链接元素之间的关系</button>

</body>
</html>

尝试一下 »

Link 对象参考手册 Link 对象