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 類型的設(shè)備。 |
projection | 針對(duì)投影機(jī)。 |
handheld | 針對(duì)手持設(shè)備。 |
針對(duì)打印預(yù)覽模式的頁(yè)面和文檔。 | |
braille | 針對(duì)盲人用點(diǎn)字法觸覺反饋裝置。 |
aural | 針對(duì)語(yǔ)音合成。 |
all | 針對(duì)所有設(shè)備或裝置。 |
瀏覽器支持
所有主要瀏覽器都支持 media 屬性
實(shí)例
實(shí)例
下面的例子獲得使用 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 對(duì)象
更多建議: