JavaScript window.opener — вікно, що відкрило поточне

Властивість opener посилається на вікно, яке відкрило поточне — через window.open() або посилання з target="_blank".

правити

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

Це та властивість, навколо якої свого часу вибухнув скандал безпеки. Сторінка, відкрита через target="_blank", отримувала посилання на твою — і могла підмінити її адресу: opener.location = 'фішинговий-сайт'. Користувач повертався на вкладку й бачив підроблену форму входу, впевнений, що це той самий сайт.

Сьогодні браузери за замовчуванням додають noopener до target="_blank", і opener там дорівнює null. Але для window.open() це треба вказувати явно.

Легальне застосування в нього одне: спливаюче вікно OAuth, яке після входу повідомляє батьківську сторінку через postMessage() і закривається.

правити

Нотатка

Відкриваєш чуже посилання через window.open() — завжди передавай 'noopener'. Інакше чужа сторінка зможе переписати адресу твоєї.

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

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

Переглядачі

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

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

Переглядач
	1	1	1	3	12	9

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

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

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

Переглядач
	—

Приклади

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

// --- батьківська сторінка ---
const popup = window.open('/oauth/google', 'oauth', 'width=500,height=600');

window.addEventListener('message', event => {
    if (event.origin !== location.origin) {
        return;
    }

    if (event.data.type === 'oauth-done') {
        location.reload();
    }
});

// --- усередині спливаючого вікна ---
if (window.opener) {
    window.opener.postMessage({ type: 'oauth-done' }, location.origin);
    window.close();
}

// чуже посилання — ЗАВЖДИ з noopener
window.open('https://example.com', '_blank', 'noopener');