HTML5是一個強(qiáng)大的標(biāo)準(zhǔn)，它提供了一種設(shè)置全屏的方法，這個方法在很多這樣的應(yīng)用程序當(dāng)中都要使用。下面我們一起來看一下如何使用HTML5來設(shè)置全屏。
<!DOCTYPE html> <html> <head> <title>全屏展示</title> </head> <body> <button onclick="requestFullScreen(document.documentElement)">全屏以上是一個設(shè)置全屏的HTML文件。在這個文件當(dāng)中，我們引用了一個Name為`requestFullScreen`的函數(shù)。這個函數(shù)的主要作用是讓指定的標(biāo)簽進(jìn)入全屏狀態(tài)。
在這個示例文件當(dāng)中，我們使用了一個按鈕作為觸發(fā)全屏展示的方式。當(dāng)用戶點(diǎn)擊這個按鈕時，我們就調(diào)用了`requestFullScreen`函數(shù)，并且將`document.documentElement`作為參數(shù)傳入其中。這個參數(shù)的作用是指定了那個標(biāo)簽會進(jìn)入全屏狀態(tài)。
如果這個瀏覽器支持HTML5全屏，那么我們就會直接調(diào)用`requestMethod.call(element)`來進(jìn)入全屏狀態(tài)。如果這個瀏覽器不支持HTML5全屏，我們就要使用一些兼容性技巧來讓這個標(biāo)簽進(jìn)入全屏狀態(tài)。
如此一來，我們就可以通過HTML5來很方便地實(shí)現(xiàn)全屏展示了。