如何將動態頁面加載到iframe

Question

我創建了一個iframe並將源設置爲已經創建的空白頁面。問題是如何在空白頁面的div內動態添加一些html塊（html已存儲在變量中），然後將其顯示在iframe上。我使用jQuery。謝謝

Answer 1

選擇iframe，然後使用.contents()來訪問iframe的jQuery包裝文檔對象（僅限於相同的域！）。

var chunk = "<a>Test</a>"; 

var iframeBody = $("#id-selector-of-iframe").contents().find("body"); 
iframeBody.append(chunk); 
//Or, if you want to overwrite the body: 
//iframeBody.html(chunk);