HTML5 是目前最新的 HTML 標準,除了增強了一些語義化標簽和功能,還引入了一些全新的 API。其中,設置瀏覽器窗口的大小,被廣大開發者所青睞。
// 在 HTML5 中,可以通過以下代碼來設置瀏覽器窗口的大小: <!DOCTYPE html> <html> <head> <title>設置瀏覽器窗口大小</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { background-color: #fff; margin: 0; padding: 0; } </style> </head> <body> </body> <script type="text/javascript"> window.onload = function () { var w = window.innerWidth; var h = window.innerHeight; alert("瀏覽器窗口大小為:" + w + " x " + h); }; </script> </html>
上述代碼中,head 中的 meta 標簽屬性中的 viewport 允許您控制瀏覽器的屏幕寬度和比例。通過 window.innerHeight 和 window.innerWidth 屬性,可以獲取當前瀏覽器窗口的大小。您可以使用這些屬性來動態地設置網頁元素的位置和大小,以確保它們適合屏幕。
總之,HTML5 的新功能和 API 為前端開發者提供了更多的工具,可以方便地控制站點的呈現方式,并提高用戶的體驗。
上一篇js中刪除css樣式
下一篇js中使用css文件