Объект JavaScript

Справочник по JavaScript

JS DOM справочник

Объект элемента HTML DOM Объект документа HTML DOM

Метод HTML DOM exitFullscreen()

Объект Document HTML DOM

exitFullscreen()Метод используется для выхода текущего документа из полноэкранного режима.

Этот метод требует специфических префиксов для использования в различных браузерах (см. ниже таблицу совместимости).

ИспользованиеrequestFullscreen()Метод открывает элемент в полноэкранном режиме.

Синтаксис:

document.exitFullscreen()

Пример

/* Получить (<html>) элемент для полноэкранного отображения страницы */
var elem = document.documentElement;
/* Просмотр в полноэкранном режиме */
function openFullscreen() {
　　if (elem.requestFullscreen) {
　elem.requestFullscreen();
　　} else if (elem.mozRequestFullScreen) {/* Firefox */
　elem.mozRequestFullScreen();
　　} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari и Opera */
　elem.webkitRequestFullscreen();
　　} else if (elem.msRequestFullscreen) { /* IE/Edge */
　elem.msRequestFullscreen();
　　}
}
/* Закрыть полноэкранный режим */
function closeFullscreen() {
　　if (document.exitFullscreen) {
　document.exitFullscreen();
　　} else if (document.mozCancelFullScreen) { /* Firefox */
　document.mozCancelFullScreen();
　　} else if (document.webkitExitFullscreen) { /* Chrome, Safari и Opera */
　document.webkitExitFullscreen();
　　}　else　if　(document.msExitFullscreen)　{　/*　IE/Edge　*/
　document.msExitFullscreen();
　　}
}

Тестировать, смотреть‹/›

Совместимость браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот метод. Каждый браузер требует определенного префикса поставщика:

Метод
exitFullscreen()	15.0 (webkit)	9.0 (moz)	12.10 (webkit)	5.1 (webkit)	11.0 (ms)

Технические детали

Возврат значения:	Нет

Более примеров

Когда страница находится в режиме полного экрана, можно использовать CSS для настройки стиля страницы:

Пример

div:-moz-full-screen　{
　　　background-color: розовый;
}
div:-webkit-full-screen　{
　　　background-color: розовый;
}
div:fullscreen　{
　　　background-color: розовый;
}

Тестировать, смотреть‹/›

Объект Document HTML DOM

Объект элемента HTML DOM Объект документа HTML DOM