<tt id="0muie"><acronym id="0muie"></acronym></tt>

當前位置：首頁 > 網頁制作 > HTML/Xhtml > 詳細頁面

HTML頁面點擊按鈕關閉頁面的多種方式

時間：2022-12-06來源：www.djmaza-info.com作者：電腦系統城

這篇文章給大家分享HTML頁面點擊按鈕關閉頁面的幾種方式，實現思路非常簡單，有不帶任何方式的關閉窗口，提示之后關閉頁面，點擊關閉本頁面并跳轉到其他頁面等等，每種方式結合實例代碼給大家介紹的非常詳細，需要的朋友參考下吧

HTML頁面點擊按鈕關閉頁面的幾種方式

一、不帶任何方式的關閉窗口

1	`<input` `type="button"` `name="close"` `value="關閉"` `onclick="window.close();"` `/>`

二、提示之后關閉頁面

1
2
3
4
5
6
7
8
9
10
11
12 <script>
function custom_close(){
if(confirm("您確定要關閉本頁嗎？")){
window.opener=null;
window.open('','_self');
window.close();
}
else{
}
}
</script>
<input id="btnClose" type="button" value="關閉本頁" onClick="custom_close()" />

三、點擊關閉本頁面并跳轉到其他頁面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html中</title>
</head>
<body onbeforeunload="return myFunction()">
<p>該實例演示了如何向 body 元素添加 "onbeforeunload" 事件。</p>
<p>關閉當前窗口，點擊以下鏈接觸發 onbeforeunload 事件。</p>
<a href="http://www.jb51.net">點擊跳轉到腳本之家</a>
<script>
function myFunction() {
return "我在這寫點東西...";
}
</script>
</body>
</html>

四、將三中的方法放到js中

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript 中</title>
</head>
<body>
<p>該實例演示了如何使用 HTML DOM 向 body 元素添加 "onbeforeunload" 事件。</p>
<p>關閉當前窗口，按下 F5 或點擊以下鏈接觸發 onbeforeunload 事件。</p>
<a href="http://www.jb51.net">點擊調轉到腳本之家</a>
<script>
window.onbeforeunload = function(event) {
event.returnValue = "我在這寫點東西...";
};
</script>
</body>
</html>

到此這篇關于HTML頁面點擊按鈕關閉頁面的多種方式的文章就介紹到這了

相關信息

巧用 -webkit-box-reflect 倒影實現各類動效(小結)
主要介紹了巧用 -webkit-box-reflect 倒影實現各類動效(小結)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值...

2021-04-22
HTML+CSS+JS實現圖片的瀑布流布局的示例代碼
瀑布流布局簡而言之就是類似瀑布流的布局嘛，這么一講大家可能還是不是了解的很明白...

2021-04-22

熱門系統總排行

裝機必備

系統教程欄目

欄目熱門教程

人氣教程排行

站長推薦

熱門系統下載

人人透人人躁人人躁看_人人网在线观看国产_人人做人人爱超碰首页 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>