方法一:使用 `` 和 `
```html
```
在上述代碼中,首先在 HTML 頁面中添加了一個按鈕元素 ``,并通過 `onclick` 屬性指定了當(dāng)按鈕被點擊時調(diào)用 `openPopup()` 函數(shù)。`openPopup()` 函數(shù)通過獲取 ID 為 "popup" 的元素,并將其 `style.display` 屬性設(shè)置為 "block",從而顯示彈出窗口。
彈出窗口本身是一個 `
`,以及一個關(guān)閉按鈕,當(dāng)關(guān)閉按鈕被點擊時,調(diào)用 `closePopup()` 函數(shù),將彈出窗口的 `display` 屬性設(shè)置為 "none" 以隱藏它。
方法二:使用 `` 標(biāo)簽和 ` ```html ``` 這種方法與前面類似,只是使用 `` 標(biāo)簽代替了按鈕元素。當(dāng)點擊鏈接時,調(diào)用 `openPopupWithLink()` 函數(shù)顯示彈出窗口,關(guān)閉按鈕的點擊事件調(diào)用 `closePopupWithLink()` 函數(shù)隱藏彈出窗口。 方法三:使用第三方庫(如 jQuery) 如果使用 jQuery 庫,創(chuàng)建彈出窗口會更加簡單和便捷。首先需要引入 jQuery 庫: ```html ``` 在上述代碼中,首先通過 `