Link media 属性
media 属性设置或返回显示文档的设备。
对于样式信息而言,目标媒介非常重要。移动设备和桌面计算机的样式可能是不同的。
语法
设置 media 属性:
linkObject.media="device"
返回 media 属性:
linkObject.media
device 可以是以下值:
值 | 描述 |
---|---|
screen | 针对不分页的计算机屏幕。 |
tty | 针对使用等宽字符网格的媒介(比如打字机、终端或其他具有有限显示能力的设备)。 |
tv | 针对 TV 类型的设备。 |
projection | 针对投影机。 |
handheld | 针对手持设备。 |
针对打印预览模式的页面和文档。 | |
braille | 针对盲人用点字法触觉反馈装置。 |
aural | 针对语音合成。 |
all | 针对所有设备或装置。 |
浏览器支持
所有主要浏览器都支持 media 属性。
在线实例
实例
下面的例子获得使用 link 元素的媒介类型:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>牛客教程(nowcoder.com)</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>