Objeto JavaScript

Manual de referencia JavaScript

Manual de referencia de DOM JS

Objeto Elemento de HTML DOM Objeto Documento de HTML DOM

Método HTML DOM exitFullscreen()

exitFullscreen()Método utilizado para que el documento actual salga del modo pantalla completa.

Este método requiere prefijos específicos para su uso en diferentes navegadores (consulte la compatibilidad de navegadores a continuación).

UsorequestFullscreen()El método se utiliza para abrir el elemento en modo pantalla completa.

Sintaxis:

document.exitFullscreen();

Ejemplo

/*　Obtener el elemento (<html>) para mostrar la página en modo pantalla completa　*/
var elem = document.documentElement;
/*　Ver en pantalla completa　*/
function openFullscreen() {
　　if (elem.requestFullscreen) {
　elem.requestFullscreen();
　　} else if (elem.mozRequestFullScreen) {/*　Firefox　*/
　elem.mozRequestFullScreen();
　　} else if (elem.webkitRequestFullscreen) {　/*　Chrome, Safari y Opera　*/
　elem.webkitRequestFullscreen();
　　} else if (elem.msRequestFullscreen) {　/*　IE/Edge　*/
　elem.msRequestFullscreen();
　　}
}
/*　Cerrar pantalla completa　*/
function closeFullscreen() {
　　if (document.exitFullscreen) {
　document.exitFullscreen();
　　} else if (document.mozCancelFullScreen) {　　/*　Firefox　*/
　document.mozCancelFullScreen();
　　else if (document.webkitExitFullscreen) {　/*　Chrome, Safari y Opera　*/
　document.webkitExitFullscreen();
　　}　else　if　(document.msExitFullscreen)　{　/*　IE/Edge　*/
　document.msExitFullscreen();
　　}
}

Prueba aquí‹/›

Compatibilidad del navegador

Los números en la tabla especifican la primera versión del navegador que admite completamente el método. Cada navegador necesita un prefijo de proveedor específico:

Método
exitFullscreen()	15.0（webkit）	9.0（moz）	12.10（webkit）	5.1（webkit）	11.0（ms）

Detalles técnicos

Valor de retorno:	Ninguno

Más ejemplos

Cuando la página está en modo de pantalla completa, se puede usar CSS para establecer el estilo de la página:

Ejemplo

div:-moz-completo-screen　{
　　　fondo-color: rosa;
}
div:-webkit-completo-screen　{
　　　fondo-color: rosa;
}
div:fullscreen　{
　　　fondo-color: rosa;
}

Prueba aquí‹/›

Objeto Documento de HTML DOM

Objeto Elemento de HTML DOM Objeto Documento de HTML DOM