全屏 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(或您需要的任何像素)即可完成。