js关闭当前的弹窗页面

/关闭当前弹出的页面/
window.parent.location.reload();

  • 7
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
如果您需要在当前页面弹出窗口,可以使用Bootstrap的模态框组件或者自定义JavaScript弹窗。以下是使用Bootstrap模态框实现当前页面弹窗的示例代码: ```html <!-- 引入Bootstrap样式和脚本 --> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.0-beta2/css/bootstrap.min.css"> <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.0-beta2/js/bootstrap.bundle.min.js"></script> <!-- 在页面中添加一个按钮,点击弹出模态框 --> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal"> 弹出框 </button> <!-- 定义模态框 --> <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">弹出框标题</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> 弹出框内容 </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary">保存</button> </div> </div> </div> </div> ``` 在这个示例中,我们使用了Bootstrap的模态框组件来创建一个弹出框。当用户点击页面中的“弹出框”按钮时,模态框就会弹出。您可以根据需要修改模态框的样式和内容。 如果您需要实现更加自定义的弹窗,可以使用JavaScript和CSS来实现。以下是一个使用JavaScript和CSS实现的弹窗示例代码: ```html <!-- 定义一个按钮,在点击时弹出弹窗 --> <button onclick="openPopup()">弹出框</button> <!-- 定义一个遮罩层,用于覆盖整个页面 --> <div id="popup-overlay"></div> <!-- 定义一个弹窗,初始时隐藏 --> <div id="popup" style="display:none;"> <div id="popup-header">弹出框标题</div> <div id="popup-body">弹出框内容</div> <div id="popup-footer"> <button onclick="closePopup()">关闭</button> <button>保存</button> </div> </div> <!-- 引入自定义的CSS文件 --> <link rel="stylesheet" href="popup.css"> <!-- 引入自定义的JavaScript文件 --> <script src="popup.js"></script> ``` 在这个示例中,我们定义了一个按钮,当用户点击按钮时,调用JavaScript函数`openPopup()`来显示弹窗弹窗由一个遮罩层和一个弹窗组成,遮罩层用于覆盖整个页面弹窗用于显示弹出框的内容。用户可以点击弹窗外的区域或者关闭按钮来关闭弹窗关闭弹窗时,我们调用JavaScript函数`closePopup()`来隐藏弹窗。 您可以根据需要修改CSS文件和JavaScript文件来自定义弹窗的样式和行为。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值