JavaScript 브 라 우 저 창 크기 가 져 오기

2600 단어 JavaScripthtmlfunction브 라 우 저기억문서.
프로그램 데모:
브 라 우 저의 현재 창 크기 를 가 져 옵 니 다.브 라 우 저 창 크기 가 바 뀌 면 표시 되 는 값 이 수시로 변 합 니 다.
브 라 우 저 창의 실제 너비:
브 라 우 저 창의 실제 높이:
프로그램 은 주로 Document 대상 이 창 에 대한 속성 을 사 용 했 습 니 다.이러한 속성의 주요 기능 과 용법 은 다음 과 같 습 니 다.
  • 창의 사 이 즈 를 얻 으 려 면 서로 다른 브 라 우 저 에 대해 서로 다른 속성 과 방법 을 사용 해 야 합 니 다.창의 실제 사 이 즈 를 검사 하려 면 Netscape 에서 Window 의 속성 을 사용 해 야 합 니 다.IE 에서 Document 내부 에 깊이 들 어가 body 를 검 측 해 야 합 니 다.DOM 환경 에서 창의 사 이 즈 를 얻 으 려 면 루트 요소의 사 이 즈 를 주의해 야 합 니 다.요소 가 아 닙 니 다
  • Window 대상 의 inner Width 속성 은 현재 창의 내부 폭 을 포함 합 니 다.Window 대상 의 inner Height 속성 은 현재 창의 내부 높이 를 포함 합 니 다
  • Document 대상 의 body 속성 은 HTML 문서 의태그 에 대응 합 니 다.Document 대상 의 document Element 속성 은 HTML 문서 의 루트 노드 를 표시 합 니 다

    • document.body.client Height 는 HTML 문서 가 있 는 창의 현재 높이 를 표시 합 니 다.document.body.client Width 는 HTML 문서 가 있 는 창의 현재 폭 을 표시 합 니 다
    JavaScript Code  
    var winWidth = 0;
var winHeight = 0;
function findDimensions() //  ：    
{
	//       
	if (window.innerWidth)
		winWidth = window.innerWidth;
	else if ((document.body) && (document.body.clientWidth))
		winWidth = document.body.clientWidth;
	//       
	if (window.innerHeight)
		winHeight = window.innerHeight;
	else if ((document.body) && (document.body.clientHeight))
		winHeight = document.body.clientHeight;
           
	//     Document   body    ，      
	if (document.documentElement  && document.documentElement.clientHeight && document.documentElement.clientWidth)
	{
        winHeight = document.documentElement.clientHeight;
        winWidth = document.documentElement.clientWidth;
	}
  	//           
	document.form1.availHeight.value= winHeight;
	document.form1.availWidth.value= winWidth;
}
findDimensions();                  //     ，    
window.onresize=findDimensions;

     
    프로그램 실행 단계:
  • 프로그램 은 먼저 폼 을 만 들 고 두 개의 텍스트 상 자 를 포함 하여 창의 현재 너비 와 높이 를 표시 하 며 그 수 치 는 창 크기 에 따라 달라 집 니 다
  • 다음 자 바스 크 립 트 코드 에서 먼저 두 개의 변 수 를 정 의 했 습 니 다.winWidth 와 winHeight 는 창의 높이 와 너비 값 을 저장 하 는 데 사 용 됩 니 다
  • 그리고 함수 findDimensions()에서 window.inner Height 와 window.inner Width 를 사용 하여 창의 높이 와 너 비 를 얻 고 상기 두 변수 에 저장 합 니 다
  • 문서 내부 에 깊이 들 어가 body 를 검 측 하여 창 크기 를 가 져 오고 상기 두 변수 에 저장 합 니 다

    • 4.567917.함수 의 마지막 에 이름 에 따라 폼 요 소 를 방문 한 결과 두 텍스트 상자 로 출력 합 니 다
  • JavaScript 코드 의 마지막 에 findDimensions()함 수 를 호출 하여 전체 작업 을 완성 합 니 다

    • (강력 추천,원문:http://www.nowamagic.net/javascript/js_GetBrowserSize.php）
    데이터 구조-범용 프로 그래 밍
    제8 장-배열 학습 총화

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage