iframe展示特定html代码

最新推荐文章于 2023-03-22 14:08:50 发布

weixin_33845881

最新推荐文章于 2023-03-22 14:08:50 发布

阅读量1.9k

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/u/2391658/blog/3060188

版权

2019独角兽企业重金招聘Python工程师标准>>>

业务场景是，
从服务端以字符串的形式取回一个页面的整个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://my.oschina.net/u/2391658/blog/3060188

优惠劵

weixin_33845881

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
iframe展示特定html代码

2019独角兽企业重金招聘Python工程师标准>>> ...
复制链接

扫一扫

jQuery打印指定区域Html页面并自动分页

01-19

最近项目中需要用到打印HTML页面，需要指定区域打印，使用jquery.PrintArea.js 插件用法： $(div#printmain).printArea();...var modes = { iframe : iframe, popup : popup }; var defaults = {

iframe显示html文本

youyudexiaowangzi的专栏

06-29

3083

以前的项目用到了ifram标签，直接设置src某个页面的url即可，可以今天后台同学要求前端请求页面数据的时候带参数，并且要是post请求，这就尴尬了，iframe的src是一个get请求，本来带参数直接在url后面追加参数即可，用post请求只能接收到html的文本数据。一番搜索之后，终于找到如下方法 document.getElementById("otherIframe").src = "data:text/html;charset=utf-8," + window.escape(res.da

参与评论您还未登录，请先登录后发表或查看评论

vue组件使用iframe加载本地html页面

weixin_43575792的博客

09-28

4332

需求最近遇到一个需求，一个现成的页面使用jquery实现的，现在要嵌入到vue里，笔者表示要偷个懒，不想再画时间改成vue形式的,就采用iframe将改html直接渲染到界面上操作 1.准备好自己的html页面，比如笔者的html文件夹叫做card,入口是index.html,放在根目录的public目录下 2.在你的vue组件页面放入iframe，注意这里路径很重要，因为不仅要在运行的时候正常显示，打包后也需要正常显示，所以要使用的路径相当于跟vue项目public目录下的入口文件index.h

iframe展示html源代码,HTML DOM IFrame用法及代码示例

weixin_39643679的博客

06-07

682

HTML DOM中的IFrame对象属性用于创建和访问对象中的元素。内联框架用于将另一个文档嵌入当前HTML文档中。用法:它用于访问元素。var x = document.getElementById("myframe");它用于创建元素。var x = document.createElement("IFRAME");属性值：align:它用于设置或返回iframe中align属性的值。 HTM...

iframe展示html源代码,遮罩层 + Iframe实现界面自动显示的示例代码

weixin_34966467的博客

06-09

885

前言这周由于科三的考试耽误了两天，提前一天要去熟悉考场，第二天要考试，好在第二天晚上赶回来了，两天没敲代码就感觉别扭，这周写了点日志系统，写了点作业系统，果然技术还不到家，思路上出了点小问题。效果在教师评阅作业时，先把学生的作业展现出来，然后关掉界面进行评分(用百度主页做演示)Iframeiframe 用于在网页内显示网页，实现它的方法有多种：URL 指向隔离页面的位置，由于当时对src有误解，所...

es6.powerful.parts:ECMAScript 6 强大部分的展示

06-01

通过令人兴奋的 ES6 代码展示来学习 ES6。贡献 Fork 这个仓库，签出 master 分支在source/_posts 中创建[title].md ，其中 title 应该匹配[az\-]+ 。按照 [内容说明](#Content 说明) 编辑您刚刚创建的[title].md...

超实用的jQuery代码段

03-04

超实用的jQuery代码段精选近350个jQuery代码段，涵盖页面开发中绝大多数要点、技巧与方法，堪称史上最实用的jQuery代码参考书，可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

《javaScrip开发技术大全》源代码

04-07

第2章（\代码\第02章） • sample01.htm 将JavaScript代码插入在标签与标签之间 • sample02.htm 将JavaScript代码放在了标签与标签之间 • sample03.htm JavaScript与HTML混合执行 • ...

html-iframes-lab-v-000

03-16

这取代了许多网站中对iframe代码的需求。不过， iframe在某些特定用途上仍然很有价值。一个例子：嵌入式地图。对于需要自定义地图的网站（例如，企业的联系页面），嵌入式地图是一个简单的选择。 iframe用于将...

iframe中加入html,HTML中IFRAME标签的使用

weixin_39538500的博客

06-01

1894

一、Iframe标记的使用Iframe标记，又叫浮动帧标记，你可以用它将一个HTML文档嵌入在一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体，另外，还可以多次在一个页面内显示同一内容，而不必重复写内容，一个形象的比喻即“画中画“电视。现在我们谈...

在iframe中写html,如何在iframe中使用源代码html时显示完整的html页面？

weixin_35589806的博客

05-31

1139

我想在我的html页面上显示另一个html页面，即生成html页面。所以我没有它的src，只有内容。它有文档，头部，身体，所有东西。所以我决定使用iframe。问题是，我不能将整个文本分配给一个变量，因为我得到的错误，有一个不受支持的字符，如“我试图做这样的事情：window.onload = function() {var iframeDocument = document.getElement...

Iframe标签显示目标网页的指定区域，视频可全屏可缩小

jijinduoduo的博客

09-23

703

由于播放的直播视频有多余的logo和聊天框等所以需要去掉，用Iframe标签显示目标网页的指定区域，视频可全屏可缩小用自己私人的服务器来测试吧，99买阿里云 HTML代码 <html> <head> <title>显示视频指定区域</title> </head> <body> <div alig...

在iframe中写html代码,HTML中IFRAME标签的使用

weixin_35225144的博客

06-03

2146

【Web前端】HTML标签iframe：在网页内显示网页

Get your hands dirty

04-02

5926

<iframe>标签的作用及用法。

详解HTML内联标签iframe的使用

2301_76965813的博客

03-22

1134

iframe是HTML标签，它可以把一个网页的框架和内容，嵌入在现有的网页中，也就是说，我们可以在自己的网页中加载别人的网站，当然，iframe标签的一些属性也是我们在使用iframe时所需要了解的，帮助我们更好的使用它。scrolling:是否出现滚动条，属性值有yes，no，auto。yes是显示滚动条，而no表示不显示滚动条。framedorder:是否显示边框，属性值有yes和no,yes表示显示边框，no表示不显示。hight：定义iframe高度，,可以用px来调整，也可以用百分比%

html如何使用iframe

weixin_35756373的博客

02-03

506

HTML 中的 iframe 用于在网页中嵌入另一个网页。使用方法如下： <iframesrc="URL" width="宽度" height="高度"></iframe> 其中： src：嵌入的网页的 URL。 width：iframe 的宽度，可以使用像素或百分比。 height：iframe 的高度，同样可以使用像素或百分比。例如，以下代码在网页中嵌入了 Go...

iframe中加载html,在iframe中加载外部html并访问内容

weixin_42566121的博客

05-31

2190

我只需要提供src属性即可加载外部页面时，我需要知道如何访问iframe内容。在iframe中加载外部html并访问内容我正在使用iframe在jquery对话框中加载HTML页面。在这里，我不能修改内容(预填充HTML表单的内容)var page = "form.html";var $dialog = $('.html('')我看过here，但它不工作，因为它不知道的HTML内容，但(可能这是我...

JQ获取 iframe 里的html方法

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交