Link media 属性

Link 对象

定义和用法

media 属性设置或返回显示文档的设备。

对于样式信息而言，目标媒介非常重要。移动设备和桌面计算机的样式可能是不同的。

语法

设置 media 属性：

linkObject.media="device"

返回 media 属性：

linkObject.media

device 可以是以下值:

值	描述
screen	针对不分页的计算机屏幕。
tty	针对使用等宽字符网格的媒介（比如打字机、终端或其他具有有限显示能力的设备）。
tv	针对 TV 类型的设备。
projection	针对投影机。
handheld	针对手持设备。
print	针对打印预览模式的页面和文档。
braille	针对盲人用点字法触觉反馈装置。
aural	针对语音合成。
all	针对所有设备或装置。

浏览器支持

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

实例

下面的例子获得使用 link 元素的媒介类型：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>代码学院(codexy.cn)</title>
<link id="link1" rel="stylesheet" type="text/css" media="screen" href="style1.css">
<script>
function displayResult(){
var x=document.getElementById("link1").media;
alert(x);
}
</script>
</head>
<body>

<button type="button" onclick="displayResult()">显示链接元素的媒介类型</button>

</body>
</html>

尝试一下 »

Link 对象