JavaScript 對(duì)象
- JavaScript Array 對(duì)象
- JavaScript Boolean 對(duì)象
- JavaScript CSS 樣式聲明對(duì)象
- JavaScript Math 對(duì)象
- JavaScript Number 對(duì)象
- JavaScript String 對(duì)象
- JavaScript 正則表達(dá)式(RegExp) 對(duì)象
- JavaScript Console 對(duì)象
JavaScript 參考手冊(cè)
JS DOM參考手冊(cè)
- JS和HTML DOM參考手冊(cè)
- HTML DOM Attribute 對(duì)象
- HTML DOM Document 對(duì)象
- HTML DOM Element 對(duì)象
- JavaScript History 對(duì)象
- JS DOM HTMLCollection 對(duì)象
- JavaScript Location 對(duì)象
- JavaScript Navigator 對(duì)象
- JavaScript Screen 對(duì)象
- HTML DOM Style 對(duì)象
- JavaScript Window 對(duì)象
- JS Storage 對(duì)象
- Event Objects(事件對(duì)象)
- HTML DOM Events
HTML DOM exitFullscreen() 方法
exitFullscreen()方法用于讓當(dāng)前文檔退出全屏模式。
此方法需要特定的前綴才能在不同的瀏覽器中使用（請(qǐng)參考下面的瀏覽器兼容性）。
使用requestFullscreen()方法以全屏模式打開元素。
語法：
document.exitFullscreen()
/* 獲取 (<html>) 元素以全屏顯示頁(yè)面 */
var elem = document.documentElement;
/* View in fullscreen */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) {/* Firefox */
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE/Edge */
elem.msRequestFullscreen();
}
}
/* Close fullscreen */
function closeFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) { /* Firefox */
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) { /* IE/Edge */
document.msExitFullscreen();
}
}測(cè)試看看?/?瀏覽器兼容性
表格中的數(shù)字指定了完全支持該方法的第一個(gè)瀏覽器版本。每個(gè)瀏覽器都需要一個(gè)特定的供應(yīng)商前綴：
| Method |  |  |  |  |  |
| exitFullscreen() | 15.0（webkit） | 9.0（moz） | 12.10（webkit） | 5.1（webkit） | 11.0（ms） |
技術(shù)細(xì)節(jié)
| 返回值： | 沒有 |
|---|
更多實(shí)例
當(dāng)頁(yè)面處于全屏模式時(shí)，可以使用CSS設(shè)置頁(yè)面樣式：
div:-moz-full-screen {
background-color: pink;
}
div:-webkit-full-screen {
background-color: pink;
}
div:fullscreen {
background-color: pink;
}測(cè)試看看?/?