Twitter Bootstrap 是一个广受欢迎的前端框架，它提供了丰富的 UI 组件和样式，方便我们开发美观、响应式的网站。其中 Modal（模态框）组件是常用的一种，可以在页面上弹出一个浮层，用于显示一些重要信息或者让用户进行一些操作。但是，如果我们需要将模态框中的内容打印出来，该怎么办呢？
解决方法
实现打印模态框中的内容，我们需要借助一些 JavaScript 代码。具体步骤如下：
- 给模态框添加一个“Print”按钮或链接，点击该按钮或链接时触发打印事件。
- 在打印事件中获取模态框中的 HTML 内容，将其插入到新建的一个隐藏的 iframe 中，并打印该 iframe。
具体实现代码如下：
-- -------------------- ---- -------
---- ----- ---
---- ------------ ----- ------------ ------------- ------------- -------------------------------
---- -------------------- ----------------
---- ----------------------
---- ---------------------
--- ------------------- ----------------------- ----------
------- ------------- ------------- -------------------- -------------------
----- ---------------------------------
---------
------
---- -------------------
---- ----- ---
------------------
------
---- ---------------------
------- ------------- ---------- ------------ --------------------------------
------- ------------- ---------- ------------ -------------------------
------
------
------
------
---- ---------- -- ---
--------
------------ -
-- ------------------
------------------------------- -
-- ------- ---- --
--- --------- - ----------- ---------------------
-- ------ ------------- ---- ------
--- ------ - ---------------------------- ---------------------------------------------------
---------------------------------- - -------------- - ----------------------- - --------- - ------------------
---------------
-- -- ------
---------------
---------------
---
---
---------总结
通过上述方法，我们可以很方便地实现打印模态框中的内容。需要注意的是，由于浏览器安全限制，我们无法直接打印模态框本身，只能先将其内容复制到另外一个 iframe 中再进行打印。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25929