代码之家 › 专栏 › 技术社区 › ChronicLogic

将HTML响应注入iframe(从Ajax调用)

iframe html javascript

ChronicLogic · 技术社区 · 7 年前

我不想拐弯抹角:我的Ajax调用返回一个消息对象响应(message=…),其中messages.description参数是一个HTML字符串,看起来像这样:

"<!doctype html>
<html>
  <head>
    <style>
      ...some style
    </style>
  </head>
  <body>
    ...some content
  </body>
</html>"

有没有办法把它嵌入到iframe中?我对伊夫拉姆斯不太熟悉,对此事的任何帮助都表示感谢!

另外,我使用的是普通的react,没有babel或webpack,所以react.createElement()应用程序。这只是为了给新特性一个概要,因为我的公司希望在接下来的几个月内转变为react+node.js。

2 回复 | 直到 7 年前

Prabath Perera 7 年前

您可以将HTML注入iframe,如下所示:

HTML:

<iframe id="iFrameID" src="javascript:void(0);"></iframe>

Javascript:

document.getElementById('iFrameID').src = "data:text/html;charset=utf-8," + escape(htmlContent);

khalid 7 年前

你不能这样做,因为浏览器的策略是禁止跨域的。

但是,在一种情况下,如果您对要在iframe中更新HTML的域有控制权,就可以这样做。

推荐文章

mlsmet · 无法在Android手机上水平滚动表格

3 年前

lord stock · 硒在iframe中引发与下拉菜单相互作用的非接触元素异常

3 年前

ironmantis7x · 我无法使用html更改iframe中文本的文本颜色

3 年前

GÊá´á´á´ÊCá´á´ · 如何预加载或检测CDN承载的视频何时加载到盖茨比的折叠上方?

3 年前

ControlAltDel · 从iframe中加载的html页面上的源脚本获取Javascript变量

3 年前

Soniya Joshi · Android如何在Android iframe webview中传递url?

7 年前

Hellpless · 根据iframe-Google自动播放策略中的allow=“Autoplay”属性激活自动播放

7 年前

rosu alin · Vimeo视频不会在iframe中的chrome上启动。未调用LoadProgress

7 年前

Mahsa · 如何在javascript中获取iframe中链接的坐标

7 年前

Dixon Chaudhary · 在Laravel中维护会话和身份验证

7 年前