現在很多網頁游戲進入游戲界面后都是全屏顯示的效果，很多人問我這個要怎么實現，其實這個只要調用Fullscreen API就可以實現了作為一個比較新的 API，目前只有 Safari、Chrome 和 FireFox以及IE10以上的瀏覽器才支持該特性。因為尚未發布正式版的標準，所以必須使用瀏覽器特定的方法，也就是應用添加前綴（webit/moz）的方法。

這個 API 不僅能夠使整個頁面全屏顯示，也可以使頁面中的某個元素全屏顯示。它的設計初衷是為了全屏顯示 HTML5 視頻和游戲，以便更全面的替代 flash 功能。盡管還有很多有待完善的地方，但是作為一個新的瀏覽器特性，在某些地方還是能夠極大地增強用戶體驗。

我們要設置全屏效果，可以參考如下實例：

var fullscreen = function () {elem = document.body;if (elem.webkitRequestFullScreen) {elem.webkitRequestFullScreen();} else if (elem.mozRequestFullScreen) {elem.mozRequestFullScreen();} else if (elem.requestFullScreen) {elem.requestFullscreen();} else {//瀏覽器不支持全屏API或已被禁用 }}

總結

以上是生活随笔為你收集整理的js如何设置浏览器全屏效果？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。