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>IT研修(xuhuhu.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>IT研修(xuhuhu.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 對象