js中实现页面重定向跳转和模态框的使用

本文介绍了如何使用不同的location.href属性实现页面跳转,包括仅本页面跳转及最外层页面跳转的区别,并提供了防止点击空白处关闭模态框的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

以前页面跳转都是使用window.location.href = url  今天写了修改页面弹出模态框,点击确定清除session跳回登录页面,发现只在当前页面进行刷新,但是做菜单栏并不会刷新。

百度之后发现   window.location.href和location.href实现的是本页面的跳转。

top.location.href是最外层的页面跳转,亲测,好使。

弹出模态框后,觉得点击空白页面不能关闭模态框。下面设置一下点击其它区域禁止模态框关闭的方法

1.$("#myModal").modal({backdrop: 'static', keyboard: false});

 参数说明: backdrop: static 点击空白处不关闭

        keyboard: false  键盘按键esc不关闭

 

2.<div class="modal" id="myModal" data-backdrop="static" data-keyboard="false">

data-backdrop="static" 给模态框指定一个静态的背景,当用户点击模态框外部时,不会关闭模态框

data-keyboard="false" 当按下键盘Esc 键时,关闭模态框,设置为false时不会关闭

 

其他属性:

aria-hidden = "true" 保持模态窗口不可见,知道触发器被触发为止,比如点击在相关的按钮上

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值