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