js实现弹出确认框

有些时候我们点击按钮或者某个链接时,并不希望它马上运行操作,而是想弹出一个确认框给我们做进一步的确认,这样就可以减少很多无心之失。
实现的过程很简单,直接看代码吧:

HTML

 <a id="logout">退出登录</a>

JavaScript

 var logout=document.getElementById("logout");
 logout.οnclick=function () {
     var msg = "您确定要退出当前账号吗?";
        if (confirm(msg)==true){
			return true;  //你也可以在这里做其他的操作
		}else{
			return false;
		}
}

运行效果如下:
这里写图片描述

还有当用户点击关闭浏览器当前页面时,也可以设置提示,但是chrome不支持该事件,我就在360浏览器里测试了:

<script type="text/javascript">
    window.onbeforeunload = function(){
        return "onbeforeunload is work";
    }
</script>

这里写图片描述

另外,特别赠送:
学习资源:(过期的不怪我哇)

兼职赚钱网:https://www.aiadmin.com/user/reg_5.html

人工智能合集:链接:https://pan.baidu.com/s/1Kp6QaZ_sXmrNpxy3QqHbdA 密码:df10

Python合集:链接:https://pan.baidu.com/s/1UUakWjN_NL3FIQ6-7BtdxQ 密码:wrtg

产品合集:链接:https://pan.baidu.com/s/1h1CJzVjIxhrverKMGkTzCQ 密码:qb9a

黑客(很久以前的了)链接:https://pan.baidu.com/s/16fbC3dvYkVS6DLzUIDlnDQ 密码:dni0

慕课网部分收费视频(电脑录制):链接:https://pan.baidu.com/s/1nY_G0WZ_vNAb4RDrQ99llg 密码:9512

SEO(很久以前的,有兴趣了解的看看):链接:https://pan.baidu.com/s/1M5KmJtZhVTbq0SDblbNCcA 密码:n5p4

传智播客网络营销(应该也是以前的):链接:https://pan.baidu.com/s/1-a2L7v5jw5gM8bruq5LM1w 密码:dkoo

传智播客40期:链接:https://pan.baidu.com/s/1LRvEo8xk-UNeeBInaLa8ag 密码:ota5

传智播客42期:链接:https://pan.baidu.com/s/1hltiQFDY9yqcEhA2PFbBEg 密码:1erw

男孩情感:https://www.sebigdata.com/carUsb_1201_6_6.html

女孩健身:https://www.sebigdata.com/carUsb_1201_5_6.html

部分参考,谢谢关注哦。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值