• 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

  • 相关阅读:
    python之名称空间
    python之对象(实例)
    python之类
    python之类和对象
    python之面向对象的程序设计
    python之函数联系
    Python之函数第三篇
    python之列表和生成器表达式篇
    网络基本概念
    Git
  • 原文地址:https://www.cnblogs.com/php-qiuwei/p/7565686.html
Copyright © 2020-2023  润新知