Vấn đề iframe miền chéo

Question

Giả sử tôi có Trang web được gọi là example.com mà iframe được nhúng vào iframe.net miền, bây giờ tôi muốn đọc nội dung của khung nội tuyến và chuyển một số thông số để hiển thị thông báo văn bản. Giống như Hi với tên người dùng.

Bây giờ vấn đề là thế này có thể không có khả năng để thực hiện kết nối giữa hai, thậm chí là không thể để có được những innerHTML của iframe tôi đã sử dụng theo phương pháp

document.getElementById('myframe').contentWindow.document.body.innerHTML; 

Nó ném lỗi "Permission denied để truy cập tài sản"

Đừng ai biết làm thế nào để đọc và viết bằng chéo nền tảng miền

Answer 1

Nếu bạn không có quyền kiểm soát các trang web đóng khung, bạn không thể phá vỡ chính sách cross-domain.

Nếu bạn có quyền kiểm soát trên cả hai trang web, bạn có thể sử dụng phương thức postMessage để chuyển dữ liệu qua các miền khác nhau. Một ví dụ rất cơ bản:

// framed.htm: 
window.onmessage = function(event) { 
    event.source.postMessage(document.body.innerHTML, event.origin); 
}; 

// Main page: 
window.onmessage = function(event) { 
    alert(event.data); 
}; 

// Trigger: 
// <iframe id="myframe" src="framed.htm"></iframe> 
document.getElementById('myframe').contentWindow.postMessage('','*'); 

Answer 2

Trong Internet Explorer 8 sự kiện trôi qua như một tham số có thể rỗng, đó là lý do tại sao bạn cần phải truy cập vào sự kiện này một cách khác nhau:

Trong khung .html:

window.onmessage = function(event) { 
    var evt = evt || window.event; 
    evt.source.postMessage('Message from iFrame', evt.origin); 
}; 

On main.html:

window.onmessage = function(event) { 
    var evt = evt || window.event; 
    alert(evt.data); 
}; 

Sự kiện này được kích hoạt cùng một cách như Rob W đã trình bày:

document.getElementById('frameId').contentWindow.postMessage('message','*');