Window.postMessage ()
Bu yöntem güvenli bir şekilde cross-originiletişimi sağlar .
Üst sayfa koduna erişiminiz varsa, herhangi bir üst yöntem çağrılabilir ve herhangi bir veri doğrudan buradan iletilebilir Iframe. İşte küçük bir örnek:
Ana sayfa:
if (window.addEventListener) {
window.addEventListener("message", onMessage, false);
}
else if (window.attachEvent) {
window.attachEvent("onmessage", onMessage, false);
}
function onMessage(event) {
// Check sender origin to be trusted
if (event.origin !== "http://example.com") return;
var data = event.data;
if (typeof(window[data.func]) == "function") {
window[data.func].call(null, data.message);
}
}
// Function to be called from iframe
function parentFunc(message) {
alert(message);
}
Iframe kodu:
window.parent.postMessage({
'func': 'parentFunc',
'message': 'Message text from iframe.'
}, "*");
// Use target origin instead of *
GÜNCEL:
Güvenlik notu:
*Diğer pencerenin belgesinin nerede olması gerektiğini biliyorsanız , her zaman belirli bir targetOrigin değil NOT . Belirli bir hedef sağlanamaması, ilgili kötü amaçlı sitelere gönderdiğiniz verileri açıklar ( ZalemCitizen tarafından yapılan yorum ).
Referanslar: