10

hello.html に移動するポップアップ ウィンドウを作成しています。ポップアップ ウィンドウ (hello.html) を閉じたときに、元の (親ページ) をリロードしたい。私はそれを機能させることができないようですが、私は近いです。メインページとhello.htmlページのこれまでのコードは次のとおりです....

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function open_win()
{
window.open("hello.html","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400");
}
</script>


<script language="JavaScript">

function refreshParent() {
  window.opener.location.href = window.opener.location.href;

  if (window.opener.hello.html)

 {
    window.opener.hello.html.close()
  }
  window.close();
}
</script>


</head>

<body>

<script type="text/javascript">

var d=new Date();
document.write(d);

</script>

<form>
<input type="button" value="Open Window" onclick="open_win()">
</form>
</body>
</html>

これがhello.htmlです...

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
</script>
</head>
<body>

Hello

</body>
</html>
4

6 に答える 6

12

子ウィンドウでアンロード イベントをサブスクライブし、子ウィンドウから親ウィンドウを呼び出して、閉じていることを通知します。

編集コードサンプルを追加しました...

function popupClosing() {
  alert('About to refresh');
  window.location.href = window.location.href;
}

var w = window.open("hello.html","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400");
w.onunload = function () {
  window.parent.popupClosing()
};
于 2012-07-09T15:39:19.397 に答える
3

ポップアップを作成した後、間隔内でその「クローズ」ステータス プロパティを監視します。ただし、これは親ドキュメントに追加されます。

var pop = window.open("page.html", "popup",
            "width=800,height=500,scrollbars=0,title='popup'");
    pop.focus();

    var monitor = setInterval(function() {

        if (pop.closed) {
            document.location.reaload()
        }

    }, 1000);
于 2012-07-09T15:53:12.910 に答える
2

このjavascriptコードをポップアップウィンドウに配置してみてください。

window.onunload = function(){
  window.opener.location.reload();
};

/ onunloadイベントは、ポップアップウィンドウを閉じるとトリガーされ、window.opener.location.reload（）はソース（親）ウィンドウをリロードします。/

于 2012-12-04T06:52:13.877 に答える
1

ポップアップクローズ機能のオンクリックイベント 試してみる...

window.opener.location.reload(true);
于 2013-08-30T06:37:15.000 に答える
0

このスクリプトをポップアップ ウィンドウのヘッダーに挿入します。

<script type='text/javascript'>
window.onunload = function(){
window.opener.location.reload();}
</script>

これにより、ポップアップを閉じるときに親ウィンドウがリロードされます。

于 2016-08-24T20:42:53.607 に答える