目录

location对象的定义和用法    
    
    
    
。

常用的几种方法  


     


     


     


   。

window.open

参数

  返回值

document.write

Window.focus

实例

location对象的定义和用法


 




 




 




 

。

href 属性是一个可读可写的字符串 
    
    
    
   ，可设置或返回当前显示的文档的完整 url   

   

   

   

。语法就是  location.href   

     

     

     

  。

常用的几种方法



  




  




  




  
。

在开发中用的比较多的几种形式
     


     


     


     

，

① top.location.href="url"（在顶部页面打开url） ② self.location.href="url"（仅在本页面打开url） ③ window.location.href="url"（在当前页面打开url） ④ parent.location.href="url"（在父窗口打开url） ⑤ location.href="url"（在当前页面打开url）

window.open

window.open常用来在新的window或新的tab页打开一个页面或文件（如图片    
    
    
    
、PDF等） 




 




 




 




，它支持三个参数：

window.open([url],[窗口名称],[参数字符串])；

参数

url

可选  


  


  


  


。打开指定的页面的URL    
     
     
     
 。如果没有指定URL 

   

   

   

  ，打开一个新的空白窗口

窗口名称

第二个参数是打开方式设置

_blank - URL加载到一个新的窗口




   




   




   




   。这是默认 （空白窗口） _parent - URL加载到父框架（父窗口） _self - URL替换当前页面（当前窗口） _top - URL替换任何可加载的框架集 （顶级窗口） 窗口名称：Url允许传入空值 



 



 



 



。此时第二个参数必须传入一个已打开的窗口的名字
     

     

     

     
，从而获取这个窗口的引用：这样就可以在不打开新窗口的情况下获得窗口名为baidu的窗口的引用                    。 // 打开一个窗口 let win = window.open(https://www.baidu.com, baidu); // 通过窗口名获取上述窗口 let refWin = window.open(, baidu);

窗口参数描述  




  




  




  




，

window.open()方法第三个参数主要用于设置窗口的属性 


  


  


  


 ，例如
     
     
     
     ，以固定的宽度和高度窗口打开链接   




   




   




   




，

channelmode=yes|no|1|0 是否要在影院模式显示 window




    




    




    




    。默认是没有的



















。仅限IE浏览器 directories=yes|no|1|0 是否添加目录按钮                    。默认是肯定的 



     



     



     



    。仅限IE浏览器 fullscreen=yes|no|1|0 浏览器是否显示全屏模式



















。默认是没有的    
    
    
    
。在全屏模式下的 window 



 



 



 



，还必须在影院模式  


     


     


     


   。仅限IE浏览器 height=pixels 窗口的高度


 




 




 




 

。最小.值为100 left=pixels 该窗口的左侧位置 location=yes|no|1|0 是否显示地址字段.默认值是yes menubar=yes|no|1|0 是否显示菜单栏.默认值是yes resizable=yes|no|1|0 是否可调整窗口大小.默认值是yes scrollbars=yes|no|1|0 是否显示滚动条.默认值是yes status=yes|no|1|0 是否要添加一个状态栏.默认值是yes titlebar=yes|no|1|0 是否显示标题栏.被忽略                    ，除非调用HTML应用程序或一个值得信赖的对话框.默认值是yes toolbar=yes|no|1|0 是否显示浏览器工具栏.默认值是yes top=pixels 窗口顶部的位置.仅限IE浏览器 width=pixels 窗口的宽度.最小.值为100

  返回值

window.open返回的是对新打开的窗口的引用
    




    




    




    



，即该窗口的window对象：不过这里引用到的window对象并不具备完整的DOM属性和方法



















，它仅仅提供了访问该页面的一些基本属性和方法                    ，

blur()
     



     



     



     


，手动移除窗口焦点的方法



















，refWin.blur()可使该窗口失去焦点   

   

   

   

。 close() 
    
    
    
   ，关闭该窗口的方法   

     

     

     

  。 closed
     


     


     


     

，标识该窗口是否已经被关闭



  




  




  




  
。 frames 




 




 




 




，新窗口内的frames  


  


  


  


。 length 

   

   

   

  ，新窗口内iframes的数量    
     
     
     
 。 location
     

     

     

     
，新窗口window的location对象  




  




  




  




，用于访问窗口的地址信息




   




   




   




   。 opener 


  


  


  


 ，该窗口的打开者 



 



 



 



。如我们在a页面通过window.open打开b页面
     
     
     
     ，那么b页面的window.opener就是a页面的window                    。 parent   




   




   




   




，该窗口的父窗口 



 



 



 



，由于是顶级窗口                    ，因此它的值等于window自身




    




    




    




    。 postMessage
    




    




    




    



，通信接口



















，通过该方法可以实现向新窗口发送消息                    ，优势是支持跨域



















。 self  


     


     


     


   、window


 




 




 




 

、top
     



     



     



     


，前两个均代指当前window



















，top指的是当前窗口所在页面的顶级窗口 
    
    
    
   ，由于自身已经是顶级窗口
     


     


     


     

，因此top也是当前window                    。  

document.write

document.write是JavaScript中对document.open所开启的文档流(document stream操作的API方法 




 




 




 




，它能够直接在文档流中写入字符串 

   

   

   

  ，一旦文档流已经关闭
     

     

     

     
，那document.write就会重新利用document.open打开新的文档流并写入  




  




  




  




，此时原来的文档流会被清空 


  


  


  


 ，已渲染好的页面就会被清除
     
     
     
     ，浏览器将重新构建DOM并渲染新的页面 



     



     



     



    。

语法：document.write() 参数：字符串   




   




   




   




，可以传多个字符串参数 返回值：undefined

Window.focus

Window.focus()的作用是让页面成为当前窗体 ,focus对象可以让已经最小化的窗口重新获得焦点 



 



 



 



，从而弹出原页面window.focus();                    ，

实例

在新浏览器窗口中打开 www.runoob.com ：

function open_win() { window.open("https://www.runoob.com"); }

下面的示例在一个新的浏览器打开一个 window 空白页：

function openWin(){ myWindow=window.open(,,width=200,height=100); myWindow.document.write("<p>这是我的窗口</p>"); myWindow.focus(); }