开发中的一个小技巧

大家好,才是真的好。在应用开发中总是充满了各种需求,有想得到的,有想不到的。今天我们介绍一个很简单的小技巧,即Notes Web应用在浏览器退出时,进行提示。

在Notes CS应用中,这很简单。只要在表单上输入了内容,退出时,Notes客户机会自动提示:
在这里插入图片描述
但在网页应用上,如果不做处理,其实是不提示的。比如下面一个特别简单的Web表单:
在这里插入图片描述
我们在Web表单上输入内容后退出,网页就直接被关闭了,不会有任何提示。
在这里插入图片描述
如何让网页应用也进行提示,则需要使用到window.onbeforeunload事件,

在这个简单的表单设计中,找到JS头事件,加入js代码

window.onbeforeunload = onbeforeunload_handler;
function onbeforeunload_handler(){
return true;
}

其中return true,也可以变成你需要提示的文字,比如return “confirm closed?”,效果如下:
在这里插入图片描述
而后在表单的onload事件中调用函数onbeforeunload_handler(),如下图所示:
在这里插入图片描述
接着,我们再在Web表单中输入内容退出,则会有一个提示:
在这里插入图片描述
大家看到了,这是在传统B/S应用开发方式中的使用,现在很多人都在使用XPages开发应用程序,那么XPages中是否也能实现该功能呢?

答案是肯定的,我们先创建一个XPages页面,而后找到该XPages页面的事件onClientLoad,同样加入代码

window.onbeforeunload = onbeforeunload_handler;
function onbeforeunload_handler(){
return true;
}

效果如下图所示:
在这里插入图片描述
好了,在预览该XPages页面时,直接叉掉网页退出时,会有一个“离开此网站”的提示,效果如下:
在这里插入图片描述
还有其他的办法来实现,不过这个办法较为简单,大家可以尝试一下。今天我们就讲到这里吧。请大家保持关注。

更多精彩内容请关注微信公众号“协作者”

原文地址:https://mp.weixin.qq.com/s/pZVhRXXG2x0JZblCuyfUug

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值