• 技术文章 >web前端 >html教程

    html如何关闭当前页面

    coldplay.xixicoldplay.xixi2021-04-28 10:33:54原创2886

    html关闭当前页面的方法:1、自定义提示关闭;2、在即将离开当前页面时,用户点浏览器的最大化最小化关闭按钮中的关闭按钮onbeforeunload事件。

    本教程操作环境:windows7系统、html5版,DELL G3电脑。

    html关闭当前页面的方法:

    1、自定义提示关闭

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

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

    用户点浏览器的最大化最小化关闭按钮中的关闭按钮时

    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>

    相关学习推荐:html视频教程

    以上就是html如何关闭当前页面的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html 关闭当前页面
    上一篇:html图片怎么插入 下一篇:html如何设置溢出隐藏
    PHP编程就业班

    相关文章推荐

    • html行高怎么设置• html单行怎么注释• html字间距怎么调• html怎么加链接• html叫什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网