English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
exitFullscreen()方法用于让当前文档退出全屏模式。
此方法需要特定的前缀才能在不同的浏览器中使用（请参考下面的浏览器兼容性）。
使用requestFullscreen()方法以全屏模式打开元素。
document.exitFullscreen()
/* 获取 (<html>) 元素以全屏显示页面 */
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();
}
}Prova a vedere‹/›I numeri nella tabella indicano la prima versione del browser che supporta completamente il metodo. Ogni browser necessita di un prefisso fornitore specifico:
| Metodo | |||||
| exitFullscreen() | 15.0 (webkit) | 9.0 (moz) | 12.10 (webkit) | 5.1 (webkit) | 11.0 (ms) |
| Ritorno di valore: | Nessuno |
|---|
Quando la pagina è in modalità a schermo intero, è possibile utilizzare CSS per impostare lo stile della pagina:
div:-moz-full-screen {
background-color: pink;
}
div:-webkit-full-screen {
background-color: pink;
}
div:fullscreen {
background-color: pink;
}Prova a vedere‹/›