HTML中的彈出式窗口是網頁設計中常見的功能之一。在需要彈出窗口的鏈接或按鈕上定義一些屬性和事件，就可以實現彈出窗口的效果。下面我們就來介紹一下如何設置HTML彈出式窗口。
首先，我們需要定義一個鏈接或按鈕，在其上添加一個onclick事件，以觸發彈出窗口的顯示。如下面的代碼所示：
<button onclick="openWindow()">點擊彈出窗口</button>
<script>
function openWindow() {
window.open("https://www.example.com", "popupWindow", "width=400,height=300");
}
</script>以上代碼中，我們創建了一個按鈕，并定義了一個onclick事件。該事件調用了openWindow()函數。在該函數中，我們使用了window.open()方法來打開一個新窗口。其中，第一個參數是新窗口中要打開的URL，第二個參數是新窗口的名稱，第三個參數是新窗口的屬性設置，例如寬度和高度。
除了在按鈕或鏈接上添加onclick事件，我們還可以使用以下兩個事件來觸發彈出窗口的顯示。
1. onload事件：在頁面加載完成后，自動彈出窗口。代碼如下：<body onload="openWindow()"> ... </body>2. onmouseover事件：當鼠標經過鏈接或按鈕時，彈出窗口。代碼如下：
<button onmouseover="openWindow()">懸浮彈出窗口</button>以上就是HTML彈出式窗口的設置方法。通過添加屬性和事件，我們可以為網頁增加更多的交互性和用戶友好性，提高用戶的使用體驗。
上一篇html應用css代碼
下一篇html彈出框代碼6