如何使用 JavaScript 将动态内容加载到 Bootstrap 5 模式中?
我有例如索引.php。我想打开一个带有按钮的模式。 该按钮应传递一个 URL(例如 /example.php)
然后模式应该打开并将 example.php 加载到模式主体中。
<script type="text/javascript">
function newSite() {
var site = 'mysite.com';
document.getElementById('myIframe').src =site;
}
</script>
在具有空 src 的模态主体内添加 Iframe
<iframe id="myIframe"></iframe>
然后在模态按钮上设置点击事件
<button onClick="newSite()" type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
Launch demo modal
</button>