HTML 彈出可關閉窗口代碼是實現彈出窗口的一個重要技術,允許用戶與網站進行更為靈活的互動。在 HTML 中,可以使用 pre 標簽來顯示代碼。
<script type="text/javascript"> function popupWindow() { var w = 600; var h = 400; var left = (screen.width/2)-(w/2); var top = (screen.height/2)-(h/2); var newWindow = window.open('http://www.example.com','example','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=yes, width='+w+', height='+h+', top='+top+', left='+left); newWindow.focus(); } </script> <input type="button" value="Open Popup Window" onclick="popupWindow()" />
在這段代碼中,我們定義了一個名為 popupWindow 的函數,該函數將創建一個新的窗口并定位它。該窗口的大小和位置都是由變量 w、h、left 和 top 控制的。我們還設置了許多可選的參數,例如 toolbar、location、scrollbars 等,以控制新窗口的外觀和功能。最后我們在 HTML 中添加了一個按鈕,當用戶單擊它時,將調用 popupWindow 函數來打開新窗口。
此外,我們還可以使用 window.close() 函數來關閉當前窗口。這個方法應該只能被同一個窗口調用,否則會被瀏覽器阻止。
<input type="button" value="Close Window" onclick="window.close();" />
以上就是 HTML 彈出可關閉窗口代碼的相關內容。通過學習這些技巧,我們可以更好地為用戶提供更美好的網站體驗。
上一篇c json庫 安裝
下一篇python 調試注解