Javascript 윈도우 대상

4121 단어 JavaScript
window 개체
모든 브 라 우 저 지원 window 대상브 라 우 저 창 을 표시 합 니 다.
모든 JavaScript 전역 대상, 함수, 변 수 는 자동 으로 window 대상 의 구성원 이 됩 니 다.
전역 변 수 는 window 대상 의 속성 입 니 다.
전역 함 수 는 window 대상 의 방법 입 니 다.
심지어 HTML DOM 의 document 도 window 대상 의 속성 중 하나 입 니 다. window. document...

    //      window      
    var index=10;
    console.log(window.index);//10
    //      window      
    window.showName();
    function showName(){
        console.log(window.index);//10
    }

윈도우 사이즈

    //window      
    console.log(window.screen.width);//            1600
    console.log(window.screen.height);//            900

    console.log(window.screen.availWidth);//          1600
    console.log(window.screen.availHeight);//          860

    console.log(document.documentElement.clientWidth);//               
    console.log(document.documentElement.clientHeight);//            775

    console.log(document.body.clientWidth);//body    
    console.log(document.body.clientHeight);//body    


    console.log(window.innerWidth);//               
    console.log(window.innerHeight);//            775

Window 방법
window.open("http://www.baidu.com"); //       
window.moveTo(100,100);   //   
window.resizeTo(200,200);  //      
location=no,titlebar=no,toolbar=no,status=no ; //   

resizeTo () 방법 은 창 크기 를 지정 한 너비 와 높이 로 조정 하 는 데 사 용 됩 니 다.사용 시 창 크기 만 동적 으로 변경 할 수 있 습 니 다.
예 를 들 면:
 var win=window.open("txt.html"," ","width=100,height=100,left=1036,top=750,location=no,titlebar=no,toolbar=no,status=no");
 win.resizeTo(300,300);

위의 코드 는 새로운 페이지 를 엽 니 다. 페이지 너비 가 설정 되 어 있 고, 뒤쪽 은 resizeTo () 설정 으로 새 창 을 여 는 너비 가 높 습 니 다.
alert();   //메시지 와 확인 단 추 를 가 진 경고 상 자 를 표시 합 니 다.
confirm();   //메시지 와 확인 단추, 취소 단 추 를 가 진 대화 상 자 를 표시 합 니 다.
prompt();   //사용자 의 입력 을 알 릴 수 있 는 대화 상 자 를 표시 합 니 다.
stop();   //페이지 불 러 오기 중지
window 대상 의 두 개의 타이머 
setTimeout(); 일정 시간 지연 실행
문법: setTimeout (code, milliseconds, param 1, param 2,...)
           setTimeout(function, milliseconds, param1, param2, ...)
인자:
매개 변수
묘사 하 다.
code/function
필수코드 문자열 을 호출 하려 면 함수 일 수도 있 습 니 다.
milliseconds
선택 할 수 있다.code / function 을 실행 하거나 호출 하려 면 기다 리 는 시간 을 밀리초 로 계산 합 니 다.기본 값 은 0 입 니 다.
param1, param2, ...
선택 할 수 있다.실행 함수 에 전 달 된 다른 매개 변수 (IE9 및 그 이전 버 전 은 이 매개 변 수 를 지원 하지 않 습 니 다).
 
eg:

var count=1;
    setTimeout(function(){
        count++;
        console.log(count);
    },1000);

출력 시 1 초 지연, 출력 2
setInterval(); 순환 실행 을 일정 시간 지연 하 다.
문법 과 매개 변 수 는 setTimeout () 과 같 습 니 다.
타이머 지우 기
clearTimeout () 방법 은 setTimeout () 방법 으로 설 정 된 timeout 을 취소 할 수 있 습 니 다.한 번 만 지 울 수 있 습 니 다.
clearInterval() 방법 은 setInterval () 에서 설정 한 timeout 을 취소 할 수 있 습 니 다.여러 번 사용 가능
eg:


    
    


<button id="btn">     </button>
<button id="btnstart">     </button>
<script>
     var time;
     var count=0;
     showtime();
     function showtime(){
     time=setInterval(function (){
     count++;
     console.log(count);
     },1000)
     }
     var btn=document.getElementById("btn");
     var btnstart=document.getElementById("btnstart");
     btn.onclick=function (){
         clearInterval(time);
//         clearTimeout(time);
     };
     btnstart.onclick=function (){
     showtime();
     }

</script>

</code></pre> 
  <h3>        </h3> 
  <p>alert()     </p> 
  <p>confirm()               OK          。</p> 
  <p>prompt()                   。<br/><br/><br/><br/>  </p> 
  <p> </p> 
  <p> </p> 
  <p><br/>  </p> 
 </div> 
</div>
                            </div>
                        </div>

좋은 웹페이지 즐겨찾기