JS властивість Object.name

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

Властивість name об'єкта Window у JavaScript є важливим інструментом для управління вікнами браузера. Ця властивість дозволяє встановлювати або отримувати назву вікна браузера. Назва вікна використовується для ідентифікації вікна в контексті скриптів, особливо коли мова йде про взаємодію між батьківськими та дочірніми вікнами. Ця властивість особливо корисна у розробці веб-додатків, які потребують такої взаємодії, наприклад, в системах, що використовують вікна для аутентифікації користувача або показу інформації без перезавантаження основної сторінки.

Змінити або отримати назву вікна можна дуже просто. Якщо ви хочете встановити назву, використовуйте наступний синтаксис: window.name = "назва вікна";. Щоб отримати поточну назву вікна, використовуйте console.log(window.name);. Це дозволить вам побачити назву вікна в консолі браузера.

Розглянемо більш складний приклад використання властивості name. Припустимо, у вас є веб-додаток, де потрібно відкрити додаткове вікно для авторизації користувача. Ви можете використовувати властивість name, щоб забезпечити взаємодію між цими вікнами. Наприклад:

// Відкриття нового вікна для аутентифікації
let authWindow = window.open(url, "authWindow");

// Перевірка вікна
if (authWindow.name === "authWindow") {
    // Логіка обробки авторизації
}

У цьому прикладі відкривається нове вікно з назвою "authWindow". Потім можна перевірити назву відкритого вікна, щоб впевнитися, що скрипт взаємодіє саме з потрібним вікном.

Важливо також зазначити, що властивість name має деякі обмеження та особливості. По-перше, враховуйте політику безпеки між доменами: скрипт з одного домену не може змінити name вікна, яке належить іншому домену. По-друге, властивість name зберігається протягом сесії браузера, тобто навіть після перезавантаження сторінки назва вікна залишиться незмінною, якщо її не змінити вручну.

У підсумку, властивість name вікна в JavaScript є потужним інструментом у руках розробників. Вона дозволяє ефективно управляти вікнами, забезпечувати взаємодію між ними та реалізовувати складні логічні конструкції у веб-додатках. Використання цієї властивості може значно покращити користувацький досвід та ефективність веб-додатків.

правити

Порада

Зміна імені вікна може призвести до проблем із доступом до нього, тому будьте обережні та використовуйте її ретельно.

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

Порада

Для запобігання неочікуваним результатам, задайте ім'я вікна на ранній стадії, наприклад, при завантаженні сторінки, щоб мати змогу легко звертатися до нього пізніше.

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

Порада

Уникайте конфліктів імен, надавши вікнам унікальні ідентифікатори, що відображають їх функцію або призначення.

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

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

Синтаксис

Window.name

Переглядачі

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

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

Переглядач
	1	1	1	12.1	12

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

Переглядач
	4.4	18	4	1

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

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

Приклади

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

<button id="open">Відкрити попап</button>

document.getElementById('open').addEventListener('click', () => {
    var popup = window.open('', 'popupWindow', 'width=400,height=200');

    if (!popup) {
        console.log('Спливне вікно заблоковано');
        return;
    }

    console.log("Ім'я вікна-попапа: " + popup.name); // 'popupWindow'

    popup.name = 'renamedPopup';
    console.log("Оновлене ім'я: " + popup.name);
});

// Встановлюємо ім'я вікну
window.name = "Головна сторінка";

// Отримуємо ім'я вікна та виводимо його в консоль
console.log("Ім'я вікна: " + window.name);