首頁 > web前端 > js教程 > javascript怎麼實現頁面關閉

javascript怎麼實現頁面關閉

藏色散人
發布: 2023-01-05 16:11:44
原創
6534 人瀏覽過

javascript實作頁面關閉的方法:1、透過「window.close();」實作不帶任何提示關閉視窗;2、透過「custom_close」關閉頁面;3、透過「javascript:window.opener =null;”關閉目前頁面。

javascript怎麼實現頁面關閉

本文操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

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函數,彈出真的要關閉此視窗嗎的對話框,點取消返回假,不關閉,點確定返回真關閉視窗

那麼怎麼樣才能夠點擊某個按鈕的時候彈出確定取消對話框呢??如果點取消就不執行下面的程式碼,點確定就繼續執行下面的程式碼?

在按鈕的點擊裡寫:

程式碼如下:

Response.Write("<script language=\javascript\">" + "if(confirm(\"确定吗?\"))"+"{window.location.href=&#39;default.aspx&#39;;}"+"else{history.back();}"+"</script>");
登入後複製

意思是:先用confirm函數彈出個有確定取消的對話框,如果你點了確定就返回真,就執行window.location.href='default.aspx'代碼,如果點了取消就返回假,就執行history.back();返回到原來的頁面

【推薦學習:javascript高階教學

以上是javascript怎麼實現頁面關閉的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板