BOM

浏览器对象模型BOM   




一、窗口操作：


   1.move by（x,y）--把浏览器窗口相对当前位置水平移动，x个像素，锤子方向移动y个像素 。  
       例如：window.moveBy(10,20) 
 
   2.move to(x ,y)移动浏览器窗口，使它的左上角位于用户屏幕（X,Y)，可以使用负数，  
       例如：window.moveTO(10,20)


   3.resizeBy(x,y)相对于浏览器的当前大小，把它的宽度高度分别调整X,Y个像素，如果X,Y为负数就是缩小浏览器大小。  
         例如：window.resizeBy(10,20)  
   4.resizeTo(x,y)把窗口的宽度，高度调整为X ,Y不能为负数。  
二、  
   1.窗口移动针对原来位置移动（只是针对IE）  
    例如：  
    window.onload=function(){  
       var btn=document.getElementById("btn")  
           btn.onclick=function(){  
               window.moveBy(50,100);  
           }  


   }  
<input type=button value=btn id="btn">  
   2.move to:将窗口移动到   
     例如：  
       window.onload=function(){  
       var btn=document.getElementById("btn")  
           btn.onclick=function(){  
               window.moveTo(50,100);  
           }  


   }  
  <input type=button value=btn id="btn">   
3.父子窗口传递值    
        window.onload=function() {  
        var btn1 = document.getElementById("btn1");  
        btn1.onclick = function(){  
        window.open  ("yyy.html","","width=400px,height=400px");  
        }  
    };   
   
    <input type="button" value="选择" id="btn1">  
    <input type="button" value="guanbi" id="btn2">    
  子窗口1：  
        window.onload=function(){  
        var forward=document.getElementById("forward");   
            forward.onclick=function(){   
                history.forward();   
            };back.onclick=function(){  
            history.go(-1);  
        }  
    }  
      <a href="2.html">页面1</a>
      <input type="button" value="前进"id="forward" >
     <input type="button" value="后退"id="back" >  
子窗口2：  
      window.onload=function(){  
    var back=document.getElementById("back");  


        back.onclick = function(){  
            history.go(-1);  
        }  
    }
        <a href="3.html">页面2</a>  
        <input type="button" value="前进"id="forward" >  
        <input type="button" value="后退"id="back" >   
4.页面跳转history：   
      <a href="3.html">页面2</a>  
     <input type="button" value="前进"id="forward" >   
    <input type="button" value="后退"id="back" >   
     var i=5;
        var run=function(){  
             console.log(i);i--;   
            if(i==0){
             location.assign("1.html")  
            }  
        };  
        var times=window.setInterval(run,1000);*/  




      window.open("2.html");