Link media 属性
定义和用法
media 属性设置或返回显示文档的设备。
对于样式信息而言,目标媒介非常重要。移动设备和桌面计算机的样式可能是不同的。
语法
设置 media 属性:
linkObject.media="device"
返回 media 属性:
device 可以是以下值:
|
值
|
描述
|
|
screen
|
针对不分页的计算机屏幕。
|
|
tty
|
针对使用等宽字符网格的媒介(比如打字机、终端或其他具有有限显示能力的设备)。
|
|
tv
|
针对 TV 类型的设备。
|
|
projection
|
针对投影机。
|
|
handheld
|
针对手持设备。
|
|
print
|
针对打印预览模式的页面和文档。
|
|
braille
|
针对盲人用点字法触觉反馈装置。
|
|
aural
|
针对语音合成。
|
|
all
|
针对所有设备或装置。
|
浏览器支持




所有主要浏览器都支持 media 属性
实例
下面的例子获得使用 link 元素的媒介类型:
<html>
<head>
<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()">Display media type</button>
</body>
</html>