全屏 API 添加了在全屏模式下顯示特定元素（及其後代）並在不再需要時離開全屏模式的方法。這意味著用戶的 How to Use Fullscreen HTML5 API，就像一個網絡遊戲。當您切換到全屏模式時，網頁會佔用盡可能多的空間。
但這並不總是您想要的。大多數時候，您希望全屏顯示頁面的某個部分，例如視頻或遊戲。這是使用全屏 API 的好時機。在關閉全屏模式之前，所有瀏覽器用戶界面元素和其他應用程序都將從屏幕上刪除。
如何使用全屏 HTML5 API
令人煩惱的供應商前綴
不要費心嘗試使用這些 API 名稱。您需要為 BOTH CSS 和 JavaScript 屬性提供供應商前綴。 Internet Explorer 或 Opera 尚不支持，但我建議您使用“ms”和“o”前綴以備將來使用。我在演示頁面中開發了一個函數來為您處理前綴惡作劇:
CSS
一旦瀏覽器進入全屏模式，您幾乎肯定想要更改元素及其子元素的樣式。例如，如果您的元素通常具有 500px 的寬度，您需要將其更改為 100%，以便它使用所有可用空間，例如但是您不能使用帶有供應商前綴的選擇器列表。
什麼是HTML5?
HTML5是超文本標記語言的最新版本，是描述網頁的代碼。實際上有三種代碼:提供結構的 HTML、負責處理事物外觀的層疊樣式表 (CSS) 和實現事物的 JavaScript。
還有更多。 HTML5 不為任何人所有，因此您無需付費即可使用它。它也適用於任何平台，如平板電腦、智能手機、上網本、筆記本電腦、超極本或智能電視，只要您的瀏覽器支持 HTML5。不過，它總是比這更複雜。我們很快就會討論更多。
FAQ
如何在 JavaScript 中觸發全屏?
我們可以在任何元素上使用 requestFullscreen() 方法使元素全屏。該方法異步請求元素全屏顯示。
如何在Javascript中使用全屏API?
通過調用Element，可以切換到全屏模式。使用 video> 元素的 requestFullscreen() 方法。如果全屏模式已經打開（fullscreenElement 不為空），我們調用文檔的 exitFullscreen() 方法將其關閉。
全屏 API 是否需要用戶許可?
要在用戶的瀏覽器上啟用全屏視圖，您首先需要使用元素請求許可。 requestFullScreen 函數。
javascript 如何只顯示 100 個字符?
我們可以使用 substring() 方法: substring(a, b) 方法提取字符，在兩個索引（位置 a 和 b）之間分別），從一個字符串，並返回子字符串。示例:let text=“我喜歡 javascript”； <%=文本。... 我們也可以使用 slice() 方法:示例:<%=text。分裂（” ”）。
我如何強制一個 div 佔滿寬度?
你可以做的是將你的 div 設置為 position: absolute，這樣你的 div 就獨立於佈局的其餘部分。然後說 width: 100% 讓它填滿屏幕寬度。現在只需使用 margin-left: 30px（或您需要的任何像素）即可完成。