JS метод Document.close()

Загальний опис

Метод close() об'єкта Document у JavaScript використовується для закриття поточного вікна браузера. Його основна суть полягає в тому, щоб надати можливість програмно закривати вікно браузера з JavaScript, що може бути корисним у випадках, коли вам потрібно здійснити додатковий контроль над користувацьким інтерфейсом або реагувати на певні події.

На найпростішому рівні, метод close() може бути використаний для закриття поточного вікна браузера за допомогою натискання кнопки або виклику певної функції. Ось приклад простого використання:

function closeWindow() {
    window.close();
}

У цьому прикладі, коли функція closeWindow() викликається, вікно браузера буде автоматично закрите. Це може бути корисним, наприклад, у випадку, коли користувач завершує певний процес на вашому веб-сайті і ви хочете автоматично закрити вікно після успішного завершення.

Реагування на події

Одним зі складніших використань методу close() є реагування на певні події, наприклад, коли користувач спробує залишити сторінку або змінити її. Ви можете використовувати цей метод для запиту підтвердження від користувача перед тим, як він залишить сторінку:

window.addEventListener('beforeunload', function (e) {
    e.preventDefault();
    e.returnValue = '';
    window.close();
});

У цьому прикладі, коли користувач намагається залишити сторінку, відбудеться виклик методу close(), що призведе до автоматичного закриття вікна браузера. Проте, перед закриттям буде відображено вікно підтвердження, у якому користувач може вибрати, чи хоче він залишити сторінку.

Безпека та використання

Варто зазначити, що метод close() може бути блокований браузером у випадках, коли вікно було відкрите JavaScript. Це зроблено з метою захисту користувачів від надмірного спаму та небажаних перенаправлень. Також, варто пам'ятати, що закриття вікна без попередження може бути розцінене як недоречне або неприємне користувачем.

Узагальнюючи, метод close() надає можливість програмно керувати закриттям вікна браузера в JavaScript. Він може бути використаний для простого автоматичного закриття вікна або для реагування на певні події, такі як спроба користувача покинути сторінку. Однак, варто бути обережним при його використанні, оскільки неправильне або недоречне використання може призвести до негативного досвіду користувача.

Порада:	У випадках, коли ви працюєте з динамічно створеним контентом за допомогою `document.write()`, використання методу `document.close()` дозволить вам запобігти некоректному відображенню сторінки та покращити її швидкодію. Пам'ятайте, що виклик `document.close()` завжди має бути останнім кроком після `document.write()`.
Порада:	При роботі з асинхронним контентом, таким як завантаження документів або скриптів, використовуйте `document.close()` для завершення процесу завантаження та відображення результатів. Це забезпечить, що контент буде правильно відображено і відобразиться в браузері користувача.
Порада:	Уникайте використання методу `document.close()` в ситуаціях, коли документ не відкритий за допомогою `document.open()`, оскільки це може призвести до непередбачених результатів. Перед викликом `document.close()` переконайтеся, що ви відкрили документ за допомогою `document.open()`, і він готовий до закриття.

Синтаксис

close()

Параметри

Return

none: Повертає значення undefined.

Переглядачі

Переглядач
	64	1	11	51	12

Переглядач
	64	64	4	11

Переглядач
	-	-

У цьому простому прикладі ми використовуємо метод document.close() для закриття поточного вікна браузера. Функція closeWindow() спочатку виводить підтверджувальне вікно за допомогою функції confirm(). Якщо користувач натискає "ОК", то викликається метод document.close(), який закриває поточне вікно браузера.

// Закриття поточного вікна браузера після затвердження
function closeWindow() {
    if (confirm("Ви впевнені, що хочете закрити вікно?")) {
        document.close(); // Закриття поточного вікна
    }
}

У цьому складнішому прикладі ми використовуємо метод document.write() для відображення повідомлення перед закриттям вікна. Після того, як повідомлення відображено, ми використовуємо функцію setTimeout() для закриття вікна через 3 секунди за допомогою методу document.close().

// Відображення повідомлення перед закриттям вікна
function showMessageBeforeClose() {
    document.write("Дякуємо за відвідування! Вікно буде закрито через 3 секунди...");
    setTimeout(function() {
        document.close(); // Закриття вікна після 3 секунд
    }, 3000);
}

JS довідник

JavaScript

Наповнення JS розділу