html打开页面弹出模态框,点击同意后,模态框关闭的具体代码
时间: 2023-05-14 09:05:51 浏览: 120
支持弹出图片文字和表单模态框代码
可以使用以下代码实现:
```
<!-- HTML代码 -->
<div id="myModal" class="modal">
<div class="modal-content">
<p>请同意我们的条款和条件</p>
<button id="agreeBtn">同意</button>
</div>
</div>
<script>
// JavaScript代码
var modal = document.getElementById("myModal");
var agreeBtn = document.getElementById("agreeBtn");
// 当用户点击同意按钮时,关闭模态框
agreeBtn.onclick = function() {
modal.style.display = "none";
}
</script>
```
这段代码会在页面加载时弹出一个模态框,要求用户同意条款和条件。当用户点击同意按钮时,模态框会关闭。
阅读全文