Link media 屬性
Link 對(duì)象定義和用法
media 屬性設(shè)置或返回顯示文檔的設(shè)備。
對(duì)于樣式信息而言，目標(biāo)媒介非常重要。移動(dòng)設(shè)備和桌面計(jì)算機(jī)的樣式可能是不同的。
語(yǔ)法
設(shè)置 media 屬性：
linkObject.media="device"
返回 media 屬性：
linkObject.media
device 可以是以下值:
| 值 | 描述 |
|---|---|
| screen | 針對(duì)不分頁(yè)的計(jì)算機(jī)屏幕。 |
| tty | 針對(duì)使用等寬字符網(wǎng)格的媒介（比如打字機(jī)、終端或其他具有有限顯示能力的設(shè)備）。 |
| tv | 針對(duì) TV 類(lèi)型的設(shè)備。 |
| projection | 針對(duì)投影機(jī)。 |
| handheld | 針對(duì)手持設(shè)備。 |
| 針對(duì)打印預(yù)覽模式的頁(yè)面和文檔。 | |
| braille | 針對(duì)盲人用點(diǎn)字法觸覺(jué)反饋裝置。 |
| aural | 針對(duì)語(yǔ)音合成。 |
| all | 針對(duì)所有設(shè)備或裝置。 |
瀏覽器支持
所有主要瀏覽器都支持 media 屬性
實(shí)例
實(shí)例
下面的例子獲得使用 link 元素的媒介類(lèi)型：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool在線(xiàn)教程(w3cschool.cn)</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()">顯示鏈接元素的媒介類(lèi)型</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool在線(xiàn)教程(w3cschool.cn)</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()">顯示鏈接元素的媒介類(lèi)型</button>
</body>
</html>
嘗試一下 ?
Link 對(duì)象
更多建議：