首頁 > 開發者 > JavaScript

JavaScript代碼實現重新整理父網頁 JavaScript彈出新視窗後,關閉新視窗時,重新整理父視窗

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

 JavaScript彈出新視窗後,關閉新視窗時,重新整理父視窗  

這裡有兩個檔案,主要要實現的是點父視窗裡的彈出新視窗(詳細請參考 JS控制視窗常用代碼),將彈出新視窗,在新視窗裡面有兩個方法,一個是重新整理本面,另一個是關閉本頁,同時要重新整理父視窗,其中f.htm為父頁,z.htm為子頁,代碼如下(由於f.htm頁內容不多,可能會重新整理過快而沒看到效果,你可以適當增加內容以便查看效果):
f.htm程式碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
<html xmlns="http://www.w3.org/1999/xhtml">   
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />   
<title>父視窗</title>   
</head>   
   
<body>   
<span onclick="window.open('z.htm')" style="cursor:hand;">開啟子視窗</span>   
</body>   
</html>   

 

z.htm 程式碼

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
<html xmlns="http://www.w3.org/1999/xhtml">   
<head>   
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />   
<title>子視窗</title>   
<script language="javascript">...   
function closethewindow()    
...{    
var url="f.htm";//要重新整理的視窗    
opener.document.location=url;    
window.close();    
}    
</script>   
</head>   
   
<body>   
<span onclick="closethewindow();" style="cursor:hand;">關閉子視窗,重新整理父視窗</span><br />   
<span onclick="javascript:window.location.reload();" style="cursor:hand;">重新整理此視窗</span>   
</body>   
</html>   

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More