文档章节

iframe展示特定html代码

孟飞阳
 孟飞阳
发布于 06/10 15:27
字数 257
阅读 31
收藏 0

业务场景是,
从服务端以字符串的形式取回 一个页面的整个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]就是<html>标签

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

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

本文转载自:https://blog.csdn.net/sinat_24070543/article/details/89093346

孟飞阳
粉丝 216
博文 1052
码字总数 564983
作品 5
朝阳
个人站长
私信 提问
页面中存在iframe时刷新页面的问题

近期在开发中遇到一个很奇怪的问题:HTML页面中有个iframe,初始情况下是空的,当点击特定按钮后iframe会加载特定页面。 但很快就发现有点问题了:当iframe加载了特定页面后,此时只要按F5刷...

苗雨顺
2012/09/01
4.7K
0
php使用COMET实现服务器向浏览器推送数据

Comet技术可以让后台服务器在浏览器没有发起请求的情况下,向用户浏览器推送数据。这种技术比传统的ajax技术更具有时效性。传统的ajax中,服务器在数据发生变动时不能即时通知浏览器。用户的...

youthflies
2014/02/19
269
0
一个html页面有30多个highcharts图标的显示方案求解

现状: 页面highcharts图标展示的数量是根据 用户设置展示的,所以数量不固定,少则5,6个,多则30多个。目前的解决办法是,从后台取出展示数据,在前台使用模版,for循环出html和js代码,但...

单蛙
2017/09/20
467
2
将Banner美观的放置于博客首页上

自从alimama推出了方便的按时段展示付费的banner广告位后,我发现博客园中有不少的blog都放上了这种广告位。不过有些广告位放的位置虽然是首页的顶部,但是看起来却十分的不美观。dudu同学为...

唐玄奘
2017/12/04
0
0
好程序员HTML5大前端分享web前端面试题

页面导入样式时,使用link和@import有什么区别? 答案:差别1:本质的差别:link属于XHTML标签,而@import完全是CSS提供的一种方式。 差别2:加载顺序的差别:当一个页面被加载的时候(就是被...

好程序员IT
06/03
2
0

没有更多内容

加载失败,请刷新页面

加载更多

最简单的获取相机拍照的图片

  import android.content.Intent;import android.graphics.Bitmap;import android.os.Bundle;import android.os.Environment;import android.provider.MediaStore;import andr......

MrLins
47分钟前
4
0
说好不哭!数据可视化深度干货,前端开发下一个涨薪点在这里~

随着互联网在各行各业的影响不断深入,数据规模越来越大,各企业也越来越重视数据的价值。作为一家专业的数据智能公司,个推从消息推送服务起家,经过多年的持续耕耘,积累沉淀了海量数据,在...

个推
49分钟前
7
0
第三方支付-返回与回调注意事项

不管是支付宝,微信,还是其它第三方支付,第四方支付,支付机构服务商只要涉及到钱的交易都要进行如下校验,全部成功了才视为成功订单 1.http请求是否成功 2.校验商户号 3.校验订单号及状态...

Shingfi
51分钟前
4
0
简述Java内存分配和回收策略以及Minor GC 和 Major GC(Full GC)

内存分配: 1. 栈区:栈可分为Java虚拟机和本地方法栈 2. 堆区:堆被所有线程共享,在虚拟机启动时创建,是唯一的目的是存放对象实例,是gc的主要区域。通常可分为两个区块年轻代和年老代。更...

DustinChan
57分钟前
6
0
Excel插入批注:可在批注插入文字、形状、图片

1.批注一直显示:审阅选项卡-------->勾选显示批注选项: 2.插入批注快捷键:Shift+F2 组合键 3.在批注中插入图片:鼠标右键点击批注框的小圆点【重点不可以在批注文本框内点击】----->调出批...

东方墨天
今天
6
1

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部