HTML點擊彈出一個小窗口代碼
<!DOCTYPE html> <html> <head> <title>點擊彈出小窗口</title> <script> function openPopup() { var popup = window.open("popup.html","Popup","width=300,height=200"); popup.focus(); } </script> </head> <body> <h1>HTML點擊彈出小窗口</h1> <p>點擊下面的按鈕彈出一個小窗口</p> <button onclick="openPopup()">打開小窗口</button> </body> </html>
其中,openPopup()函數(shù)是用來打開一個名為 "Popup",大小為 300×200 的新窗口。窗口的內(nèi)容是 "popup.html"。
在代碼中,使用了一個onclick屬性關(guān)聯(lián)了openPopup()函數(shù),當(dāng)按鈕被點擊時就會彈出小窗口。
這段代碼可以用于一些需要彈出提示信息,或者進行二次確認的場景中。同時也可以用來顯示具體的詳細信息,比如購物車詳情等等。
下一篇vue怎么變畫面