今天我們來講一下如何用HTML編寫彈出窗口并增加關閉按鈕的代碼。
首先我們需要用到HTML中的窗口屬性和JavaScript中的事件處理，同時我們還需要用到一些CSS樣式來美化窗口和按鈕。
HTML中，我們可以用窗口屬性來定義彈出窗口的大小、位置和其他屬性，代碼如下：
<input type="button" value="彈出窗口" onclick="window.open('popup.html','popup','width=400,height=300,toolbar=no,menubar=no,location=no,status=no,scrollbars=yes,resizable=yes,top=100,left=100');" />上面的代碼中，我們定義了一個按鈕，當用戶點擊它時，會打開名為“popup.html”、大小為400x300像素、沒有工具條、菜單欄、地址欄和狀態欄、可以滾動、可以調整大小、位置為屏幕左上角100像素的彈出窗口。
接下來我們需要為彈出窗口增加關閉按鈕。我們可以在彈出窗口中插入一個HTML元素，用JavaScript綁定事件來關閉窗口。代碼如下：<html>
<head>
<title>彈出窗口</title>
<style>
.close {
position: absolute;
top: 0;
right: 0;
padding: 5px;
background-color: #ccc;
color: #fff;
cursor: pointer;
}
</style>
<script>
function closePopup() {
window.close();
}
</script>
</head>
<body>
<p>這是彈出窗口</p>
<div class="close" onclick="closePopup()">關閉</div>
</body>
</html>上面的代碼中，我們在窗口中插入了一個div元素，用CSS樣式將其定位在窗口的右上角，并綁定了一個點擊事件，當用戶點擊該元素時，會調用JavaScript函數“closePopup()”，該函數會關閉彈出窗口。
最后，我們需要在原頁面中引用“popup.html”并將其作為彈出窗口的內容。代碼如下：<html>
<head>
<title>HTML彈出窗口</title>
</head>
<body>
<input type="button" value="彈出窗口" onclick="window.open('popup.html','popup','width=400,height=300,toolbar=no,menubar=no,location=no,status=no,scrollbars=yes,resizable=yes,top=100,left=100');" />
</body>
</html>上面的代碼中，我們在按鈕點擊事件中引用了“popup.html”，并將其作為彈出窗口的內容。
好了，以上就是HTML彈出窗口增加關閉按鈕的代碼。如果你有更好的實現方法或優化建議，歡迎在評論區分享。上一篇mysql創建包