СМИ свойствами HTML DOM Ссылка
Link Objects Определение и использование
медиа наборов свойств или возвращает устройство для отображения документа.
Для получения информации о стиле, целевой медиа очень важно. Стиль мобильные устройства и настольные компьютеры могут быть разными.
грамматика
Настройка свойств медиа:
linkObject.media="device"
Возвращает свойства медиа:
linkObject.media
Устройствоможет иметь следующие значения:
| значение | описание |
|---|---|
| экран | Для невыгружаемые экранов компьютеров. |
| TTY | Средства массовой информации (например, пишущие машинки, терминалов и других устройств с ограниченными возможностями отображения) для сетки моноширинных символов. |
| телевизор | TV тип устройства для. |
| проекция | Для проектора. |
| портативный | Для портативных устройств. |
| печать | Предварительный просмотр режим для страниц и документов. |
| шрифт Брайля | Метод Брайля устройств тактильной обратной связи. |
| ушной | Для синтеза речи. |
| все | Для всего оборудования или устройств. |
Поддержка браузеров
Все основные браузеры поддерживают свойства медиа
примеров
примеров
Следующие примеры используют элемент ссылке, чтобы получить типы носителей:
<!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 Objects