模态框接受动态数据实例代码-Go服务器开发

以下是一个基于HTML、CSS和JavaScript的模态框示例代码，可以接受动态数据：

<!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;
            max-width: 500px;
        }
    </style>
</head>
<body>
<!-- 按钮触发模态框 -->
<button onclick="openModal()">打开模态框</button>
<!-- 模态框 -->
<div id="myModal" class="modal">
    <!-- 模态框内容 -->
    <div class="modal-content" id="modalContent">
        
    </div>
</div>
<script>
    // 打开模态框并传入动态数据
    function openModal() {
        var data = "这是动态数据";
        
        // 获取模态框元素和内容容器
        var modal = document.getElementById("myModal");
        var modalContent = document.getElementById("modalContent");
        
        // 设置内容为动态数据
        modalContent.innerHTML = data;
        // 显示模态框
        modal.style.display = "block";
    }
</script>
</body>
</html>