Link media 属性
Link 对象定义和用法
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>菜鸟教程(runoob.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>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.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>
尝试一下 »
Link 对象
点我分享笔记