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 属性

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

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

实例

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>代码学院(codexy.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()">显示链接元素之间的关系</button>

</body>
</html>

尝试一下 »

Link 对象