iframe展現特定html代碼

時間 2019-12-05

標籤 iframe 展現特定 html 代碼欄目 HTML 简体版

原文原文鏈接

業務場景是，
從服務端以字符串的形式取回一個頁面的整個html代碼，在當前頁面上展現，
固然就想到了iframejavascript

iframe要事先存在與dom樹中

而不是用createElement方法增長html

整個替換`<html>`標籤，而不僅是body

直接上代碼，不bbjava

const iframe = document.getElementsByClassName('placeholder')[0]
const iframedoc = iframe.contentDocument || iframe.contentWindow.document;
iframedoc.children[0].innerHTML = html // 事先拿到的html
// 這個children[0]就是<html>標籤

iframe中的頁面沒法自動執行javascript

沒法觸發iframe的onload方法，
可是有代替方法，能夠知足部分需求，
在父頁面，經過上文的iframedoc——也就是子頁面的document，來操做子頁面裏的domdom

相關標籤/搜索

iframe展現特定html代碼

iframe要事先存在與dom樹中

整個替換<html>標籤，而不僅是body

iframe中的頁面沒法自動執行javascript

整個替換`<html>`標籤，而不僅是body