10-19 노트 요약

10-19 노트 요약

window 객체

tips:

1. 브라우저 위치

screenX  screenY   
screenLeft screenTop   

2. 브라우저 가시 영역의 크기

window.innerWidth  window.innerHeight// w3c 
document.documentElement.clientWidth
document.documentElement.clientHeight
 

3. window 객체 메서드(IE 전용)

moveBy(x , y)   x,y .
moveTo(x , y)   x,y , .( );
resizeBy(x , y) x,y .
resizeTo(x , y) x,y , .

4. 스크롤 막대 제어

scrollBy(x , y)  x .y . 
scrollTo(x , y)  x .y . 

5. 시간 간격 함수

setInterval(fn , time)   
clearInterval            
setTimeout(fn , time)    
clearTimeout             

사례.

 
     
  
    window.onload = function(){
        (function(){
            var openbtn = document.getElementById("openbtn");
            var closebtn = document.getElementById("closebtn");
            var newWindow;
            openbtn.onclick = function(){
            newWindow = window.open("02.html" , "" , "width = 400px,height = 400px");
            };
            closebtn.onclick = function(){
               newWindow.close();
            };
        }());
    }



    
    
    


     

    window.onload = function(){
        var lis = document.getElementsByTagName("li");
            for(var i = 0; i < lis.length ; i++){
                lis[i].onclick = function(){
                    opener.document.getElementById("show").innerHTML = this.innerHTML;
                }
            }
        }


    

        
 
        
 
        
 
        
 
        
 
    


 li ,this.innerHTML  .
opener  .

2. history 객체

 forword    
 back       
 go( )     , , , 

3. location 객체

메서드

assign     
reload     (  reload(true): 
          . )
replace    history 

4.screen 객체

availWidth  availHeight  , .. window 
width  height   , .. 

5.navigator 객체

 
appCodeName         
appName             
appVersion          
platform