• 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

  • 相关阅读:
    为什么要有这个“修改”按钮
    用C++托管程序来保护敏感数据
    计算机辅助学习软件CAS和CAL的区别和联系
    C#/C++获取CPU和硬盘系列号的源代码
    计算机辅助学习英语单词分组的设计
    IC设计过程
    中国25位最具影响力的IC人物
    PLD/FPGA开发环境
    挑战功耗:低功耗ASIC设计技术
    沙子变黄金——CPU制造全过程
  • 原文地址:https://www.cnblogs.com/php-qiuwei/p/7565686.html
Copyright © 2020-2023  润新知