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>本站教程(icodebang.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 对象参考手册 Link 对象

0 个评论

要回复文章请先登录注册