HTML DOM 링크 미디어 속성
링크 개체 정의 및 사용
미디어 속성 집합 또는 문서를 표시 할 수있는 장치를 반환합니다.
스타일 정보는, 상기 타겟 미디어는 매우 중요하다. 스타일 모바일 기기와 데스크톱 컴퓨터는 다를 수 있습니다.
문법
미디어 속성 설정 :
linkObject.media="device"
미디어 속성을 반환합니다 :
linkObject.media
장치는다음과 같은 값을 가질 수있다 :
| 값 | 기술 |
|---|---|
| 화면 | 를 들어 컴퓨터 화면을 비 페이징. |
| 청각 장애 | 고정 폭 문자의 그리드 (예 : 제한 표시 기능 타자기, 터미널 또는 기타 장치) 미디어. |
| TV | 에 대한 장치의 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>
»시도
링크 개체