propriedades de mídia HTML DOM Fazer a ligação
vincular objetos Definição e Uso
conjuntos de propriedades de mídia ou devolver o dispositivo para exibir o documento.
Para as informações de estilo, a mídia-alvo é muito importante. dispositivos móveis de estilo e computadores de mesa podem ser diferentes.
gramática
Definindo propriedades de mídia:
linkObject.media="device"
Retorna propriedades de mídia:
linkObject.media
dispositivopode ter os seguintes valores:
| valor | descrição |
|---|---|
| tela | Para não paginada telas de computador. |
| tty | Mídia (como máquinas de escrever, terminais ou outros dispositivos com capacidades de exibição limitadas) para a grade de caracteres do tipo monospaced. |
| TV | Tipo de TV de dispositivo para. |
| projeção | Para o projector. |
| handheld | Para dispositivos portáteis. |
| impressão | modo de visualização de impressão para páginas e documentos. |
| braille | Método para dispositivos feedback táctil em Braille. |
| auricular | Para a síntese de voz. |
| tudo | Para todos os equipamentos e dispositivos. |
Suporte a navegadores
Todos os principais navegadores suportam propriedades de mídia
Exemplos
Exemplos
Os exemplos a seguir usar o elemento link para obter os tipos de mídia:
<!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>
tente »
vincular objetos