ホームページ > ウェブフロントエンド > jsチュートリアル > jsで現在のページ(ウィンドウ)を閉じるいくつかの方法のまとめ

jsで現在のページ(ウィンドウ)を閉じるいくつかの方法のまとめ

PHP中文网
リリース: 2017-03-28 13:58:45
オリジナル
2881 人が閲覧しました

現在のページ (ウィンドウ) を閉じるためのいくつかの方法の JS 概要。必要な友人はそれを参照してください。

1. プロンプトを表示せずにウィンドウを閉じるための JS コード

コードは次のとおりです:

<a href="javascript:window.opener=null;window.open(&#39;&#39;,&#39;_self&#39;);window.close();">关闭</a>
ログイン後にコピー

2. カスタム プロンプトが閉じられます

コードは次のとおりです:

<script language="javascript">
// 这个脚本是 ie6和ie7 通用的脚本
function custom_close(){
if 
(confirm("您确定要关闭本页吗?")){
window.opener=null;
window.open(&#39;&#39;,&#39;_self&#39;);
window.close();
}
else{}
}
</script>
<input id="btnClose" type="button" value="关闭本页" onClick="custom_close()" />
ログイン後にコピー

3. 現在のページを閉じます:

<a href="javascript:window.opener=null;window.close();">关闭</a>如果是按钮则:
Response.Write("<script language=\"javascript\">window.opener=null;window.close();</script>");
ログイン後にコピー

このようにして、[閉じる] をクリックすると、現在のウィンドウが閉じようとしているダイアログ ボックスが閉じられます。

では、ユーザーがブラウザの最大化または最小化の閉じるボタンをクリックすると、次のような終了確認ダイアログ ボックスが表示されます。

コードは次のとおりです。

<body onbeforeunload="return &#39;真的要关闭此窗口吗?&#39;">
ログイン後にコピー
この場合、[閉じる] をクリックします。onbeforeunload 関数が実行されると、このウィンドウを本当に閉じるかどうかを尋ねるダイアログ ボックスが表示されます。[キャンセル] をクリックして戻ります。 false は閉じません。OK をクリックするとウィンドウが閉じます。

それでは、ボタンをクリックすると、確認とキャンセルのダイアログ ボックスが表示されます。[キャンセル] をクリックすると、次のコードが表示されます。 [OK] をクリックすると、次のコードが実行されますか?

ボタンをクリックすると、次のようになります:

は、まず確認関数を使用して、キャンセルを確認するダイアログ ボックスを表示します。[OK] をクリックすると、true が返され、window.location.href='default.aspx' コードが実行されます。[キャンセル] をクリックすると、元の状態に戻ります。 false にして、history.back() を実行します。元のページに戻ります。

Response.Write("<script language=\javascript\">" + "if(confirm(\"确定吗?\"))"+"{window.location.href=&#39;default.
asp
x&#39;;}"+"else{history.back();}"+"</script>");
ログイン後にコピー
関連記事:

WeChat、Alipay、Baidu Wallet で閉じるには戻るボタンをクリックしてください。 window

指定した時間後に現在のページを自動的にジャンプまたは閉じるための JS コード

新しいウィンドウを開き、ポップせずに現在のページを閉じますup プロンプト JS コードを閉じる

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート