HTML页面点击按钮关闭页面的方式 您所在的位置:网站首页 js点击按钮关闭页面怎么办 HTML页面点击按钮关闭页面的方式

HTML页面点击按钮关闭页面的方式

2023-09-26 16:40| 来源: 网络整理| 查看: 265

这篇文章给大家分享HTML页面点击按钮关闭页面的几种方式,实现思路非常简单,有不带任何方式的关闭窗口,提示之后关闭页面,点击关闭本页面并跳转到其他页面等等,每种方式结合实例代码给大家介绍的非常详细,需要的朋友参考下吧。

HTML页面点击按钮关闭页面的几种方式

一、不带任何方式的关闭窗口

1

二、提示之后关闭页面

1

2

3

4

5

6

7

8

9

10

11

12

function custom_close(){

    if(confirm("您确定要关闭本页吗?")){

        window.opener=null;

        window.open('','_self');

        window.close();

    }

    else{

    }

}

三、点击关闭本页面并跳转到其他页面

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

html中

该实例演示了如何向 body 元素添加 "onbeforeunload" 事件。

关闭当前窗口,点击以下链接触发 onbeforeunload 事件。

点击跳转到微点阅读    

    function myFunction() {

        return "我在这写点东西...";

    }

四、将 三 中的方法放到js中

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

JavaScript 中

    该实例演示了如何使用 HTML DOM 向 body 元素添加 "onbeforeunload" 事件。

    关闭当前窗口,按下 F5 或点击以下链接触发 onbeforeunload 事件。

    点击调转到微点阅读网

    window.onbeforeunload = function(event) {

        event.returnValue = "我在这写点东西...";

    };

到此这篇关于HTML页面点击按钮关闭页面的多种方式的文章就介绍到这了,希望可以帮到你。

转载自:https://www.weidianyuedu.com



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有