JavaScript는 브라우저 창을 조작합니다.

 窗口是Web浏览器中最重要的界面元素，JavaScript提供了许多操作窗口的工具，JavaScript处理窗口的方式与处理框架很相似（因为框架是位于总浏览器窗口中的文档窗口）。
      今天学习了如何使用JavaScript打开关闭，更新和定位窗口，如何使用JavaScript将信息写入窗口，从而可以在运行时构建网页。
      (一)打开新窗口
[html]
 
   
     
     
   
   
   
    

The Master of the House

 
    

Click on his name to behold he who must be adored

 
    

   
 

(二)打开多个窗口
[html]
 
 
     
       
 
 
   

More pictures of our cat

 
   

 
 

(三)关闭窗口
[html]
 
 
     
       
 
 
   

 
       

Let's play with windows!

 
       

 
                               

 
   

 
 
 

(四)把窗口放在指定位置
[html]
 
 
     
       
 
 
   

 
       

Let's play with windows!

 
       

 
                                                                   

 
   

 
 
 

위의 네 가지 작업에 필요한 js 스크립트는 다음과 같습니다.
[javascript]
/**
* 새 창 열기(script1.js)
*/
window.onload=newWinLinks

function newWinLinks; (){
for(var i=0;i if(document.links[i].className=="newWin"){
문서 링크. [i].onclick=newWindow;
} }
}
}

function newWindow(){
var catWindow=window.open("images/pixel1.jpg", "catWin", "resizing=no,width=350,height=260");
//너비와 높이 매개변수의 쉼표 사이에 공백이 있으면 안 됩니다. 🎜> / / 일부 브라우저에서는 유효하지 않을 수 있습니다.
return false
}
[javascript]

/**
 *여러 창 열기(script2.js) 화면의 컨트롤을 클릭할 때마다 생성된 스크립트를 통해 다른 창이 열립니다
 */ 
window.onload=newWinLinks; 
 
function newWinLinks(){ 
 for(var i=0;i if( document.links[i].className="newWin"){ 
             document.links[i].onclick=newWindows 🎜> for(var i=1;i<5;i++){ 
 var imgName= "images/pixel"+i+".jpg"; 
 var winName="window"+i; 
 var catWindow=window.open(imgName, winName,"width=350,height=260") 
 } 
} 
 
[javascript]
/**
 * 창 닫기(script3.js)
*/ 
var newWindow=null; 
window.onload=newWinLinks 
 
 function newWinLinks(){ 
 for(var i=0;i       document.links[i].onclick=chgWindowState; 🎜> } 
 return false; 🎜>} 
 
function chgWindowState(){ 
 if(this.id=="closeWin"){ 
 if(windowOpen()){ 
 newWindow.close(); > }else{ 
 Alert("창이 열려 있지 않습니다."); 
 } 
 } 
 if(this.id=="openWin" ){ 
 if(windowOpen() ){ 
 Alert("창이 이미 열려 있습니다!"); 
 }else{ 
 newWindow=window.open("", "newWin","toolbar,location=yes,width=300, height=200"); 
 } } 
 } 
 return false; 
} 
[javascript]
/**
 * 지정된 위치에 창 배치(script4.js) 때때로 화면의 지정된 위치에 창을 열고 싶을 때가 있습니다. 이 예에서는 사용자가 네 모서리 중 하나에 작은 창을 열도록 선택할 수 있습니다. 화면의. 
* / 
var newWindow=null; 
window.onload=newWinLinks; 
 
function newWinLinks(){ 
 for(var i=0;i document.links[i] .onclick=chgWindowState; 
 } 
} 
 
function windowOpen(){ 
 if(newWindow&&!newWindow.closed){ ​​​​
 return true 
 } 
 거짓을 반환 
} 
 
function chgWindowState(){ 
    if(this.id=="closeWin"){ 
        if(windowOpen()){ 
            newWindow.close(); 
        }else{ 
            Alert("창문이 열려 있지 않습니다."); 
        } 
        false를 반환합니다. 
    } 
    var topPos=0; 
    var leftPos=0; 
     
    if(this.id.indexOf("bottom")>-1){ 
        topPos=screen.availHeight-200; 
    } 
    if(this.id.indexOf("Right")>-1){ 
        leftPos=screen.availWidth-300; 
    } 
    if(windowOpen()){ 
        newWindow.moveTo(leftPos,topPos); 
    }else{ 
        newWindow=window.open("","newWin","toolbar,location=yes,width=300,height=200,left="+leftPos+",top="+topPos) ; 
    } 
    false를 반환합니다. 
} 
 
오프너와 부모 부모의 관계:
window.opener其实是指本窗口的父窗口，比如，parWin.js通过window.open弹了childWin.jsp,那么在childWin.js 다른 쪽의 window.opener는 parWin.jsp에서 childWin.js의 다른 쪽을 완전히 사용하는 window.opener를 사용합니다.parWin.jsp쪽의 방법은 parWin.jsp와 childWin.jsp의 경우
window.parent입니다.是iframe页face调사용父页면对象，比如一个parWin页면利用 iframe或frame调用childWin页면，那么parWin页면所在窗口就是childWin页면의부모。