從iframe中的src中刪除頁眉和頁腳

我有關於iframe的簡單問題，我想從iframe中的源文件中去掉頁眉和頁腳，我嘗試了裁剪並指向內容但它不工作你有什麼想法？從iframe中的src中刪除頁眉和頁腳

我的代碼是：

<div style="height:1500px;"> 
    <iframe src="url/#content" name="iframe_all" scrolling="no" 
       frameborder="0" height="100%" width="100%" ></iframe> 
</div>

其中＃內容是在源的內容。它可以在源代碼的第一頁中正常工作，但是當用戶再次單擊iframe中的源代碼頁的第二頁時，頁眉就會出現。

來源

2017-08-23 vyshnavi

您必須聆聽iframe的'load'事件，然後移除頁眉和頁腳。 – sunpietro

能否請你解釋一下答案.sorry，我是這個新手@sunpietro – vyshnavi

iframe中的頁面是否與包含iframe的頁面在同一個域中加載？ –

您可以用JavaScript訪問iframe的內容：

var frame = document.querySelector("iframe"); 
header = frame.contentDocument.querySelector("header"); 
header.remove(); 
footer = frame.contentDocument.querySelector("footer"); 
footer.remove();

或修改您需要的元素的選擇。

來源

2017-08-23 20:18:35

它只會在iframe中的頁面與父頁面從相同的域加載時纔有效（某事告訴我情況並非如此，因爲如果是這樣，OP可能會控制iframe頁面並可以正確編輯它們）。您還需要根據位置更改偵聽iframe中的加載事件。我建議你在答案中加上一個關於這個的註釋。 –

@ vyshnavi表示它來自同一個域，所以這應該很好。 –

我必須給該腳本中的iframe的ID？如何使用該腳本？ – vyshnavi

從iframe中的src中刪除頁眉和頁腳

回答

相關問題