HTML 彈出窗口代碼實例
HTML 可以通過在網(wǎng)頁中添加彈出窗口來實現(xiàn)與用戶的交互。通過使用 JavaScript，可以定義在什么情況下打開彈出窗口，以及加載什么內(nèi)容。
以下是一個簡單的 HTML 彈出窗口代碼實例：
點擊下面的按鈕，彈出一個窗口：
<!DOCTYPE html>
<html>
<head>
<title>HTML 彈出窗口</title>
</head>
<body>
<button onclick="myFunction()">打開窗口</button>
<script>
function myFunction() {
window.open("https://www.example.com", "newwindow", "width=400,height=200,location=yes");
}
</script>
</body>
</html>首先，在 HTML 中添加一個按鈕，并將其綁定到 JavaScript 方法 myFunction() 上。當(dāng)用戶單擊按鈕時，myFunction() 方法將執(zhí)行。
在 myFunction() 方法中，我們使用 window.open() 方法打開一個新窗口。該方法接受三個參數(shù)：
1. 要在窗口中打開的 URL。
2. 窗口的名稱（可以為空）。
3. 視窗屬性，如高度、寬度等。
在上面的示例中，我們將 URL 設(shè)置為 "https://www.example.com"，設(shè)置窗口名稱為 "newWindow"，并設(shè)置窗口的高度和寬度。
此外，我們還設(shè)置了 location 屬性為“yes”，這將允許用戶在彈出窗口中看到 URL 地址欄。
在編寫 HTML 彈出窗口代碼時，請注意遵循 Web 安全性指南，并確保不會觸發(fā)瀏覽器彈出攔截器。彈出窗口應(yīng)只在用戶交互的情況下出現(xiàn)，并且應(yīng)明確告知用戶其目的。上一篇python 收徒騙局
下一篇python 改變字符串