ZBLOG

alert不用点确定的弹窗

在JavaScript中,可以使用alert()函数来创建一个包含确定按钮的弹窗。如果你想创建一个不需要点击确定按钮的弹窗,你可以使用其他方式,例如通过自定义弹窗或模态框来实现。

以下是一个使用HTML和CSS创建自定义模态框的示例:

<!DOCTYPE html>
<html>
<head>
    <style>
        /* 样式化模态框 */
        .modal {
            display: none;
            position: fixed;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.4);
        }

        .modal-content {
            background-color: #fefefe;
            margin: 15% auto;
            padding: 20px;
            border-radius: 5px;
            width: 80%;
        }
    </style>
</head>
<body>

<h2>示例页面</h2>

<!-- 模态框 -->
<div id="myModal" class="modal">
    <div class="modal-content">
        <p>这是一个没有确定按钮的弹窗。</p>
    </div>
</div>

<script>
    // 打开模态框
    function openModal() {
        var modal = document.getElementById("myModal");
        modal.style.display = "block";
    }

    // 关闭模态框
    function closeModal() {
        var modal = document.getElementById("myModal");
        modal.style.display = "none";
    }

    // 页面加载完成后打开模态框
    window.onload = function() {
        openModal();
    };
</script>

</body>
</html>

这个示例中,页面加载完成后会自动打开一个模态框,没有确定按钮。你可以根据需要进行修改和扩展。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=17905

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?