html如何关闭当前页面

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如何关闭当前页面的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！