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