zoukankan      html  css  js  c++  java
  • HTML页面中点击按钮关闭页面几种方式与取消

    1、不带任何提示关闭窗口的js代码

    1 <input type="button" name="close" value="关闭" onclick="window.close();" />

    2、自定义提示关闭

     1 <script language="javascript">
     2 // 这个脚本是 ie6和ie7 通用的脚本
     3 function custom_close(){
     4     if(confirm("您确定要关闭本页吗?")){
     5         window.opener=null;
     6         window.open('','_self');
     7         window.close();
     8     }
     9     else{
    10     }
    11 }
    12 </script>
    13 <input id="btnClose" type="button" value="关闭本页" onClick="custom_close()" />

    3、在即将离开当前页面(刷新或关闭)时

    用户点浏览器的最大化最小化关闭按钮中的关闭按钮时 
    onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。 

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>html中</title>
    </head>
    <body onbeforeunload="return myFunction()">
    <p>该实例演示了如何向 body 元素添加 "onbeforeunload" 事件。</p>
    <p>关闭当前窗口,按下 F5 或点击以下链接触发 onbeforeunload 事件。</p>
    <a href="http://www.runoob.com">点击调整到菜鸟教程</a>     
    <script>
        function myFunction() {
            return "我在这写点东西...";
        }
    </script>
    </body>
    </html>
    <!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.runoob.com">点击调整到菜鸟教程</a>
    <script>
        window.onbeforeunload = function(event) {
            event.returnValue = "我在这写点东西...";
        };
    </script>
    </body>
    </html>

    by 小鬼PSer  2017-09-20  23:33:02

  • 相关阅读:
    box-shadow使用指南
    chrome的input默认样式黄色背景以及选中加粗的边框处理
    Spring AOP执行方法
    Spring JDBC主从数据库访问配置
    JS 命名冲突
    Data truncation: Truncated incorrect DOUBLE value 解决方案
    MySQL DATE_ADD() 函数
    Codeforces Round #340 (Div. 2)
    2020牛客寒假算法基础集训营3
    Codeforces Round #377 (Div. 2)
  • 原文地址:https://www.cnblogs.com/php-qiuwei/p/7565686.html
Copyright © 2011-2022 走看看