Bootstrap是一个广泛使用的前端框架，提供了丰富的组件和样式。其中，模态框（Modal）是常见的一种交互组件，它可以展示内容并阻止用户与页面其他部分进行交互。本文将介绍如何在关闭Bootstrap 3模态框时重新加载页面，并提供相应的示例代码。
方法一：使用JavaScript
最简单的方法是在Bootstrap 3模态框的关闭事件上添加JavaScript代码，以实现页面刷新。具体实现步骤如下：
- 在HTML文档中引入jQuery库和Bootstrap库：
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
- 在模态框的关闭按钮（或其他需要关闭模态框的元素）上添加
data-dismiss="modal"属性，以触发Bootstrap 3模态框的关闭事件：
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
- 在模态框的关闭事件上添加JavaScript代码，以实现页面刷新：
$('#myModal').on('hidden.bs.modal', function () {
location.reload();
});其中，'#myModal'是模态框的id属性，'hidden.bs.modal'表示模态框已经隐藏，并且动画效果已经完成。
方法二：使用Meta标签
另一种方法是使用HTML的Meta标签，在页面载入时添加http-equiv="refresh"属性，并设置刷新时间。具体实现步骤如下：
- 在HTML文档的<head>标签中添加Meta标签：
<meta http-equiv="refresh" content="0;url=https://example.com">
其中，content属性中的0表示页面立即刷新，url属性为需要跳转的链接地址。
- 将Bootstrap 3模态框的关闭事件与JavaScript代码结合使用，以触发Meta标签的刷新效果：
$('#myModal').on('hidden.bs.modal', function () {
$('meta[http-equiv="refresh"]').attr('content','0');
});其中，$('meta[http-equiv="refresh"]')选择器用于选中Meta标签，attr('content','0')方法用于修改Meta标签的content属性为0，从而触发页面的刷新。
示例代码
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
------------- ---- -- ------- - --------- - -------------
----- --------------- ---------------------------- -------------------
------- -----------------------------------------------------------
----- ---------------- -----------------------------------------------------------------------------
------- -----------------------------------------------------------------------------------
-------
------
------- ------------- ---------- -------- ------- ------------------- --------------------------- --------------
---- ------------ ------------ ----- --------------
---- ---------------------
---- ----------------------
---- ---------------------
------- ------------- ------------- -------------------------------------
--- ------------------------- -----------
------
---- -------------------
------- ---- -- --- ----------
------
---- ---------------------
------- ------------- ---------- ------------ -----------------------------------
------
------
------
------
--------
----------------------------------- -------- -- -
------------------
---
---------
-------
-------
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------