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().

автор: Bond правити

Порада

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

автор: Bond правити

Порада

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

автор: Bond правити

+ додати пораду чи нотатку

Синтаксис

close()

Повернення

none

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

автор: Bond

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	45	69	11	51	12	4

Підтримка: мобільні переглядачі

Переглядач
	45	45	79	11

Приклади

+ запропонувати свій приклад у пісочниці

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

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