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

  • 相关阅读:
    jekins 实现Django项目的自动部署(ubuntu16.04,python2.7,django1.11)
    Ubuntu16.04 安装 Django
    小米笔记本 air 12.5寸 支持硬盘参数
    editplus5激活码
    jmeter UDV
    c语言 快速排序
    html禁止文本输入框记录输入记录,单击input出现输入过的记录
    python pstats ,profile 性能分析
    python profile性能分析
    python 获取本地语言和编码的代码
  • 原文地址:https://www.cnblogs.com/php-qiuwei/p/7565686.html
Copyright © 2011-2022 走看看