要在一個iframe中加載一個跨域的頁面,可以使用以下方法:
父頁面中的代碼示例:
window.addEventListener('message', function(event) {
if (event.origin !== 'http://example.com') return; // 可選的安全驗證
if (event.data === 'loadCrossDomainPage') {
var iframe = document.getElementById('myIframe');
iframe.src = 'http://crossdomain.com/page.html';
}
});
子頁面中的代碼示例:
window.parent.postMessage('loadCrossDomainPage', 'http://example.com');
父頁面中的代碼示例:
<iframe src="http://example.com/proxy?url=http://crossdomain.com/page.html"></iframe>
在父頁面的服務器上設置一個代理接口,將接收到的url參數作為請求地址發送請求,并將響應結果返回給父頁面。
這種方法需要在父頁面的服務器上進行設置,并且需要考慮安全性問題。
以上是兩種常見的方法,具體使用哪種方法取決于你的需求和環境。