HTML DOM Link media 屬性
定義和用法
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>本教程(w3big.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>本教程(w3big.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對象