博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iframe展示特定html代码
阅读量:6261 次
发布时间:2019-06-22

本文共 504 字,大约阅读时间需要 1 分钟。

hot3.png

业务场景是,

从服务端以字符串的形式取回 一个页面的整个html代码,在当前页面上展示,
当然就想到了iframe

iframe要事先存在与dom树中

而不是用createElement方法增加

整个替换<html>标签,而不只是body

直接上代码,不bb

const iframe = document.getElementsByClassName('placeholder')[0]const iframedoc = iframe.contentDocument || iframe.contentWindow.document;iframedoc.children[0].innerHTML = html // 事先拿到的html// 这个children[0]就是标签

iframe中的页面无法自动执行javascript

无法触发iframe的onload方法,

但是有代替方法,可以满足部分需求,
在父页面,通过上文的iframedoc——也就是子页面的document,来操作子页面里的dom

转载于:https://my.oschina.net/u/2391658/blog/3060188

你可能感兴趣的文章
JavaScript:JavaScript事件的处理
查看>>
WEB安全测试的类型
查看>>
ES6笔记(7)-- Promise异步编程
查看>>
早睡早起
查看>>
C#软件监控外部程序运行状态
查看>>
几款开源的图形化Redis客户端管理软件推荐
查看>>
数据库设计中常见表结构的设计技巧
查看>>
CVPR论文《100+ Times Faster Weighted Median Filter (WMF)》的实现和解析(附源代码)。...
查看>>
MATLAB模糊逻辑(2)
查看>>
linux 内核模块管理
查看>>
【每日一摩斯】-【序列】-续-RAC and Sequences (853652.1)
查看>>
把一个select查询结果插入到一个表(可选指定字段和值实例)
查看>>
使用windbg抓取崩溃文件和分析的过程
查看>>
ViewHolder模式超简洁写法
查看>>
项目管理学习笔记之三.绩效分析
查看>>
php十行代码将xml转成数组
查看>>
centos 7 执行 groupinstall报错
查看>>
Web开发入门
查看>>
Flex开发小结(1)如何使用AdvancedDataGrid
查看>>
AFNetworking 下载文件断点续传操作
查看>>