小虎博客

A-A+

javascript子窗口刷新父窗口程序代码

2016年02月19日 编程技术 暂无评论

实现的效果大致如下,打开htm,点击链接新建窗口htm,点击htm中的链接,新建的窗口关闭并在htm窗口重定向.

htm代码如下:

  1. <html>  
  2. <body>  
  3. <a href=htm onclick="window.open('htm')">new</a>  
  4. </body>  
  5. </html>  

htm代码如下:

  1. <html>  
  2. <body>  
  3. <a href=# onclick="opener.location.href='https://www.xiaohuboke.com';window.close()">nbn</a>  
  4. </body>  
  5. </html>  

下面总结一下几种JS刷新父窗口

用iframe、弹出子页面刷新父页面iframe.

Js代码:

  1. <script language=JavaScript>     
  2.    parent.location.reload();     
  3. </script>  

Js代码:

  1. <script language=JavaScript>     
  2.    parent.location.reload();     
  3. </script>   
  4. <script language=JavaScript>  
  5.    parent.location.reload();  
  6. </script>  

弹出子页面.

Js代码:

  1. <script language=JavaScript>     
  2.    window.opener.location.reload();     
  3. </script>  

Js代码:

  1. <script language=JavaScript>     
  2.    window.opener.location.reload();     
  3. </script>    
  4. <script language=JavaScript>  
  5.    window.opener.location.reload();  
  6. </script>  

子窗口刷新父窗口.

Js代码:

  1. <script language=JavaScript>     
  2.    self.opener.location.reload();     
  3. </script>  

Js代码:

  1. <script language=JavaScript>     
  2.    self.opener.location.reload();     
  3. </script>   
  4.    
  5. <script language=JavaScript>  
  6.    self.opener.location.reload();  
  7. </script>  

刷新以open()方法打开的窗口.

Js代码:

  1. <script language=JavaScript>     
  2.      windowwindow.opener.location.href=window.opener.location.href;     
  3. </script>  

Js代码:

  1. <script language=JavaScript>     
  2.      windowwindow.opener.location.href=window.opener.location.href;     
  3. </script>   
  4. <script language=JavaScript>  
  5.      windowwindow.opener.location.href=window.opener.location.href;  
  6. </script>  

刷新以winodw.showModelDialog()方法打开的窗口.

Java代码:

  1. <script language="javascript">     
  2.     window.parent.dialogArguments.document.execCommand('Refresh');     
  3. </script>   

父窗口要捕获此值就要在情景一中所说的open()事件中添加获得返回值,代码如下:

  1. <script language="JavaScript">  
  2.   function open()  
  3.     {  
  4.          var str=window.showModalDialog("页面C");  
  5.          if(str!=null)    
  6.         {                
  7.            picobj.innerHTML+=str;   
  8.             
  9.         }  
  10.      }  
  11. </script>  
标签：

给我留言