淘宝双十一超级红包 》
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>菜鸟教程(runoob.com)</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>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</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 对象