使用 JavaScript 将 HTML 字符串加载到 iframe 中

2024-01-27

我有一串 HTML 标签,可以随时添加或更改。

"<html><body><script language="javascript" src=""></script></body></html>"

是否可以在运行时将该字符串加载到 Iframe 中,就好像它是 HTML 文件一样?

这是针对构造 2 的。我有一个可以从 url 加载 HTML 的对象,它还可以插入 HTML 并运行脚本,但不是按原样。


当然,有几种不同的选择。

Via srcdoc(异步):

iframe.srcdoc = html;

通过数据 URI(异步):

iframe.src = 'data:text/html;charset=utf-8,' + escape(html);

Via document.write(同步,并且可以在非常旧的浏览器中工作):

var idoc = iframe.contentWindow.document;
idoc.write(html);
idoc.close();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 JavaScript 将 HTML 字符串加载到 iframe 中 的相关文章

  • Opera 中 margin-bottom 的计算方式不同

    我有一个具有相对位置的 div 和一个具有绝对位置的子 div div class out div div div CSS container width 100px height 100px position relative insid
  • 光标:IE 8 和 9 中的自动行为

    我想要的是为整个正文标记指定cursor pointer 这样页面的背景是可点击的 但我也希望页面的其余部分像以前一样工作 所以我尝试为div设置cursor auto 其中包含这一页 在 FF Chrome 和 safari 中 它工作得
  • TypeError:cli.init 不是 React Native 的函数

    在 MacBook Air M1 芯片中运行 npx react native init appName 时 TypeError cli init is not a function at run opt homebrew lib node
  • 如何显示/隐藏jsf组件

    在我的一个 JSF 应用程序中 顶部的标题部分包含 selectOneMenu 底部的内容部分显示过滤器组件 默认情况下 应用程序首先在顶部显示 selectOneMenu 数据 在底部显示相应的 Filter 信息 如果用户选择不同的se
  • Lightbox:如何翻译“Image x of x”文本?

    我使用 Lightbox 2 作为图像集 当我的网站的访问者单击该集中的缩略图时 它将显示 图像的放大版本 下面是 描述 取自 a 标题属性 其下方 文本 Image x of x 例如 Image 1 of 12 有谁知道在哪里翻译 更改
  • 将屏幕宽度获取到 javascript 变量中并通过 ajax 将其发送到 php 页面以避免页面加载

    这是JS检测我的页面命名上的屏幕分辨率index html并将其发送到 php 以便可以使用以下方式检索值 GET 这是我的PHP文件命名的内容process php
  • Jquery 子元素发生变化

    我正在尝试使用 jquery 在子元素 在本例中为 select 更改时触发事件 这是我的 HTML div class row addForm div class col lg 2 col md 2 col sm 3 col xs 6 d
  • Python 模块 BeautifulSoup 提取锚点 href

    我正在使用 BeautifulSoup 模块通过以下方式从 html 选择所有 href def extract links html soup BeautifulSoup html anchors soup findAll a print
  • CreateJs Canvas 形状在 Windows Phone 上丢失坐标

    我正在制作一个 Createjs 和 html5 项目 在其中绘制一个形状 红色圆圈 当我单击圆圈时它会发出警报 它在所有台式机和 Android 手机上都能正常工作 除非我在 Windows Phone 中打开它 否则它在普通屏幕上工作正
  • jQuery 模板插件:如何创建双向绑定?

    我开始使用 jQuery 模板插件 微软创建的 但现在我面临这个问题 模板用于绑定到对象数组的一堆表单 当我更改其中一个表单上的某些内容时 我希望更新绑定的对象 但我不知道如何自动执行该操作 这是一个简单的例子 现实生活中的模板和对象要复杂
  • 如何获取从 Express (Node.js) 中的表单传递的数据

    我想获取使用表单从页面传递的数据 并在重定向的页面中使用该数据 我的客户端有这个表格
  • 如何使 4.X Typescript 项目与旧版本的 Typescript(如 3.X)兼容?

    如何使基于 TS 4 X 构建的软件包与 3 X 兼容 例如 如果我有较新的版本 则使用新功能 否则使用any or unknown或旧版本支持的任何内容 有没有可能使用指令 https www typescriptlang org doc
  • Dojo“正在加载”消息

    我是 Dojo 新手 所以我需要一些帮助 我的一些链接需要一段时间 当用户单击时 页面开始加载需要几秒钟 我想添加一条 正在加载 消息 我可以用 旧时尚方式 来做 但我想学习新的 更简单 更智能的 Dojo 方式 具体如何工作现在并不重要
  • React Router Tabs——保持组件安装

    我使用 React Router 创建了选项卡 每个选项卡都有不同的路线 但是 我想通过保持隐藏选项卡的安装来维护选项卡转换之间的选项卡状态 我该如何实现这一目标 每次路由切换时 React 路由器都会重新安装每个组件 已经有人问过这个问题
  • 如何更改数据表中标题单元格的内容?

    我正在使用数据表 http datatables net plugin 在我的可排序列上 我想用按钮替换列文本 但是这样做 oSettings aoColumns i nTh text 我可以检索相应列的文本 但是 oSettings ao
  • HTML 标签在 Ionic 5 警报文本中不起作用

    我已将以下代码从 Ionic 3 迁移到 Ionic 5 const alert await this alertCtrl create subHeader About b this user name b message Test Mes
  • 为什么 phantomjs 不能在 MacOS Sierra 中工作?

    我们正在使用phantomjs 1 9 1 macosx phantomjs 2 0 0 macosx哪一个工作得很好OS X 埃尔卡皮坦更新后macOS 塞拉利昂它会引发以下错误 phantomjs 1 9 1 macosx phanto
  • 文件和目录条目 API 在 Chrome 中损坏?

    我正在尝试使用文件和目录条目 API 创建一个文件上传器工具 该工具允许我将文件和目录的任意组合放入浏览器窗口中 以供读取和上传 我完全意识到 可以通过使用文件输入元素来实现类似的功能webkitdirectory已启用 但我正在测试一个用
  • 用于替换前 5 个数字的正则表达式,无论它们之间有什么?

    我正在努力实现以下匹配 Input 123 45 6789 123456789 1234 正则表达式尝试输出 d 5 123 45 6789 123456789 1234 d 2 3 123 45 6789 123456789 1234 d
  • 加载谷歌地图控件时是否有事件?

    我知道tilesloaded 但控件似乎在该事件之后加载 我基本上希望能够通过 jQuery 获取控件 但甚至找不到正确的监听 我也刚刚处理了 没有类似的事件 在控件可见之前空闲和tilesloaded触发 因此 基本上将 特殊控制 类添加

随机推荐

  • 使用静态 WebDriver 实例的 java.lang.NullPointerException

    我想将我的代码分成更小的函数 但有一个问题 因为驱动程序并非适用于所有功能 所以我将它声明为常量 或者有更好的方法吗 但在第三个函数中 它在线失败 Select dropdown finance product new Select dri
  • 在多个文件中进行测试

    我正在为大型项目使用金字塔框架 我发现将所有测试放在一个中很混乱tests py文件 所以我决定创建包含我的测试文件的目录 问题是 我不知道如何告诉金字塔从这个目录运行我的测试 我正在使用运行测试python setup py test q
  • 无法从 C 应用程序访问 C++ DLL 中的变量

    我一直在修复旧版 Visual C 6 应用程序 在我放入的 C DLL 源中 extern C declspec dllexport char MyNewVariable 0 这会导致 MyNewVariable 显示在导出表中 未修饰
  • 如何在int内添加空格?

    假设我想打印数字 100000000 乍一看很难判断这个数字代表了多少百万 是一千万还是一亿 如何使 Java 中的大数字看起来更具可读性 例如这样的事情会很棒 100 000 000 你一眼就能看出这个数字是一亿 您也可以尝试 Decim
  • 如何从城市名称android代码获取经度,纬度

    我想转换从包含城市名称的文本字段中获取的文本 并且我想将其转换为经度和纬度 这就是我做的 String location city getText toString String inputLine String result locati
  • 在 React 中,可以始终调用 ReactDOM. Hydro 而不是 ReactDOM.render 吗?

    我在调用时有如下代码ReactDOM hydrate 这是共享代码 有时从节点服务器调用 有时在客户端浏览器中调用 我需要做任何不同的事情吗 然后打电话hydrate 仅在客户端调用时 通常情况下 我会打电话render const ren
  • python help('modules') 返回 ImportError

    最近 我有no想法当 我安装了这个名为 pymol 的包 今天 当我尝试复制所有安装模块的列表时 遇到了此错误 Projects python c help modules Please wait a moment while I gath
  • 如何配置sbt在运行应用程序时加载资源?

    我的代码 Java 从 jar 中读取图像 Main class getResourceAsStream res logo png 一切运行良好 如果我将应用程序打包到罐子后启动应用程序 但是当我使用 sbt 运行它时run任务 它返回我n
  • 在C#3.0中是否有更好的方法来编写这行C#代码?

    我有一个财产声明如下 public decimal MyProperty get set 我需要将此值作为字符串传递给另一个方法 因此我认为这样做的唯一方法如下 MyProperty null null MyProperty ToStrin
  • Pandas 数据框转换:从字典 k-v 对中添加列[重复]

    这个问题在这里已经有答案了 我想将 DataFrame 转换为如下所示 dictionary 0 b 2 a 1 1 c 4 b 3 from import pandas df pandas DataFrame df dictionary
  • Eclipse:如何删除添加到 Jar 中的附加源

    我正在使用 Eclipse IDE Helios 版本 作为构建路径的一部分 我有一个该应用程序的 jar 文件 我已使用附加源选项附加了该 jar 文件的源代码 请告诉我如何删除该 jar 文件的附加源 打开 classpath文件并删除
  • JSONStore Worklight - 大小限制

    JSONStore 为我们提供了一种与服务器同步数据并跟踪用户在离线状态下所做的更改的好方法 JSONStore 上可以保存的信息量是否有限制 我发现 Webkit 数据库有 5 MB 的限制 而 SQLLite 数据库则没有限制 还想知道
  • 从短代码函数内部调用 WordPress get_template_part 首先呈现模板

    我有一个页面需要允许用户输入一段文本 然后在该文本后面插入一个短代码来呈现帖子列表 然后添加更多自由格式的文本 我的想法是他们应该能够插入一个短代码来输出帖子 这样他们就可以简单地在他们希望帖子出现的地方添加短代码 我目前的逻辑是检索在自己
  • Rails form_tag url 路径

    这看起来应该很简单 但它一直给我带来问题 我有一个从模型中提取的 select tag 我想要的只是让一个人从下拉列表中选择他们的位置 按提交并将其带到该地点页面 这是我所拥有的 div p p div 问题是它当然想要一个 id但它不会拉
  • 如何从 VBA 调用 python 程序?

    正如标题所说 我有一个 python 程序 它处理我从电子邮件下载的一些数据文件 我正在编写一个vba脚本 它可以下载电子邮件附件并执行python程序来处理电子邮件附件 这样我就可以自动化我的日常工作 任何想法 一种方法是将 Python
  • 纯java sqlite库?

    I saw Java 和 SQLite https stackoverflow com questions 41233 java and sqlite 但是哪些是纯java制作的并且是平台无关的呢 另外 从哪一个开始最好 我从来没有使用过s
  • 字谜算法

    这是为文本生成字谜词的最佳方法 最多 80 个字符长度 例子 输入 狗 输出狗 dgo odg ogd gdo 神 我只是在考虑回溯解决方案 但如果文本较长 这将需要一段时间 另一个想法是我尝试字典中的所有单词 但问题并不要求真正的单词 有
  • 将 pdf 转换为矢量图像

    我正在尝试在我的网页中使用 pdf 内容 数学 我基本上想将 pdf 转换为一些矢量图像 将 pdf 转换为 swf 可以很好地完成这项工作 但由于并非每个平台都支持 flash 因此我正在尝试寻找另一种解决方案 我读过有关 svg 的内容
  • Azure DocumentDB 多租户架构

    我一直在预览期间将 DocumentDB 实现到多租户系统中 我的计划是在 DocumentDB 帐户下为每个注册的租户生成一个新数据库 大部分代码已经就位 并且测试进展非常顺利 由于 DocumentDB 已正式发布并且文档已最终确定 我
  • 使用 JavaScript 将 HTML 字符串加载到 iframe 中

    我有一串 HTML 标签 可以随时添加或更改 是否可以在运行时将该字符串加载到 Iframe 中 就好像它是 HTML 文件一样 这是针对构造 2 的 我有一个可以从 url 加载 HTML 的对象 它还可以插入 HTML 并运行脚本 但不