Link media 属性

Link 对象参考手册 Link 对象

定义和用法

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

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

语法

设置 media 属性：

linkObject.media = "device"

返回 media 属性：

linkObject.media

device 可以是以下值:

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

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

实例

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <link id="link1" rel="stylesheet" type="text/css" media="screen" href="/examples/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 对象参考手册 Link 对象