html点击按钮弹出自定义窗口js

要弹出一个自定义的窗口，可以使用 JavaScript 的 window.open() 函数，并通过字符串拼接的方式构建窗口的 HTML 内容。具体代码如下：

<button onclick="openWindow()">点击弹出自定义窗口</button>

<script>
function openWindow() {
    var windowContent = '<div style="padding: 20px;">';
    windowContent += '<h1>自定义窗口</h1>';
    windowContent += '<p>这是一个自定义的窗口。</p>';
    windowContent += '<button onclick="window.close()">关闭</button>';
    windowContent += '</div>';

    var newWindow = window.open("", "newWindow", "width=400,height=300");
    newWindow.document.write(windowContent);
}
</script>

这里通过字符串拼接的方式构建了一个包含标题、内容和关闭按钮的 HTML 内容，并将其赋值给 windowContent 变量。然后使用 window.open() 函数创建一个新窗口，并使用 document.write() 方法向新窗口中写入 HTML 内容。这样就可以实现弹出一个自定义的窗口。