如何鏡像iframe而不加載相同的URL兩次？ CSS不會激活

我有兩個並排的iframe，只希望第一個加載URL。第一個加載完成後，我希望第二個iframe具有相同的內容，而不加載相同的URL。這裏是我的嘗試：如何鏡像iframe而不加載相同的URL兩次？ CSS不會激活

測試在這裏：https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_script

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script> 
$(document).ready(function() 
{ 
    $('#iframeID1').on('load', function() 
    { 
     $('#iframeID2').contents().find('html').html($('#iframeID1').contents().find('html').html()); 
    }); 

}); 
</script> 
</head> 
<body> 
<iframe id="iframeID1" src="https://www.w3schools.com/" frameborder="0" scrolling="no" width="180px" height="512" align="left"> 
</iframe> 

<iframe id="iframeID2" frameborder="0" scrolling="no" width="180px" height="512" align="middle"> 
</iframe> 
</body> 
</html>

然而，這是第二個IFRAME（右側）顯示（無法加載CSS？）：

來源

2017-05-07 Gintas_

*「沒有加載相同的URL」* ...這是唯一的其他選項，可能是最好的一個。也許你應該使用ajax來做任何你正在做的事情而不是 – charlietfl

@charlietfl爲什麼？它幾乎工作，我們只需要以某種方式激活CSS。我真的需要這樣做。 –

有沒有簡單的方法來做你所問的是爲什麼。你在做什麼是非正統的 – charlietfl

非jquery，但你爲什麼不讀取頁面中的HTML，然後使用類似的動態創建第二個iframe ...

Iframe.contentWindow.document.open('text/htmlreplace'); 
Iframe.contentWindow.document.write(htmlfromfirstiframe); 
Iframe.contentWindow.document.close();

來源

2017-05-07 20:17:18 Andrew

你可以在jQuery中提供一個例子嗎？我現在只用了1天，不知道如何翻譯這個 –

如何鏡像iframe而不加載相同的URL兩次？ CSS不會激活

回答

相關問題