Window.postMessage ()
Phương pháp này cho phép một cách an toàn cross-origin giao tiếp .
Và nếu bạn có quyền truy cập vào mã trang cha thì bất kỳ phương thức cha nào cũng có thể được gọi cũng như mọi dữ liệu có thể được truyền trực tiếp từ đó Iframe. Đây là một ví dụ nhỏ:
Trang phụ huynh:
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);
}
Mã iframe:
window.parent.postMessage({
'func': 'parentFunc',
'message': 'Message text from iframe.'
}, "*");
// Use target origin instead of *
CẬP NHẬT:
Lưu ý bảo mật:
Luôn cung cấp một mục tiêu cụ thể, KHÔNG *, nếu bạn biết tài liệu của cửa sổ khác sẽ được đặt ở đâu. Không cung cấp mục tiêu cụ thể tiết lộ dữ liệu bạn gửi đến bất kỳ trang web độc hại nào quan tâm (nhận xét của ZalemCitizen ).
Người giới thiệu: