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