javascript - 在多个 html 页面中使用相同的模态而不重复

Question

我已经确认模式

<div class="modal fade" id="confirm_modal" role="dialog">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h3 class="confirm-modal-title">Confirmation Message</h3>
            </div>
            <div class="modal-body">
                <strong><p id="confirm_model_body"></p></strong>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" id="confirm_model_yes_button" data-dismiss="modal">Yes</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
            </div>
        </div>
    </div>
</div>

我想在另一个 html 页面中使用相同的代码而不重复它我该怎么做？

Answer 1

使用此内容创建一个 php 文件，并使用 php 将文件包含在您需要的任何位置。 Here这是一个很好的例子，说明了如何做到这一点