带变量的 iframe 源答案

【问题标题】：Iframe source with variable带变量的 iframe 源
【发布时间】：2012-12-07 03:25:03
【问题描述】：

我有几个问题：

<iframe src="/index.php"></iframe> 和 HTMLIFrameElement 一样吗？

为什么

<iframe src="data:text/html;base64,aHR0cDovL2V4YW1wbGUuY29t"
    height=1280 width=800></iframe>

工作正常，但是

a=document.getElementsByTagName('body')[0];
b=document.createElement('iframe');
b.src="data:text/html;base64,aHR0cDovL2V4YW1wbGUuY29t";
a.appendChild(b);

不工作？我的意思是在 DOM HTMLIFrameElement src 中，我可以使用编码字符串放置函数。是否可以仅在 src 变量中编码字符串？

【问题讨论】：

把它放在这里是为了让每个人都能看到你的问题的整个前提是错误的。 jsfiddle.net/JkJNH/2

标签： javascript dom iframe encoding

【解决方案1】：

是的
您需要将 iFrame 附加到文档中。 Like sodocument.body.appendChild(b)

【讨论】：

我已经做到了“a.appendChild(b);”但仍然不起作用，只能在明确链接“example.com”或与 +“”http://“+“www.example.com”连接的链接
如果我写 src="example.com"; iframe 将我重定向到该页面，但如果我写 src="data:text/html;base64,aHR0cDovL2V4YW1wbGUuY29t";只看base64解码的文本
但是你能输入 src="data:text/html;base64,aHR0cDovL2V4YW1wbGUuY29t";并展示它是如何为你工作的？我需要它会像这样jsfiddle.net/maniator/JkJNH/1
@Neal 这个答案没用，他已经将它附加到正文中。 a === document.body 在他的问题中：
@Esailija 你怎么知道的？

【解决方案2】：

Data URI 方案用于直接嵌入数据。

data:text/html;base64,aHR0cDovL2V4YW1wbGUuY29t

表示以"http://example.com" 为唯一内容的html 页面。

您可能希望 "http://example.com" 为 src

【讨论】：

我需要像 jsfiddle.net/maniator/JkJNH/1 一样工作的东西，但使用 src="data:text/html;base64,aHR0cDovL2V4YW1wbGUuY29t";
@Adam 为什么？ data: 不能那样工作，所以你不能这样做。阅读我的答案。
但为什么它适用于<iframe src="data:text/html;base64,aHR0cDovL2V4YW1wbGUuY29t" height=1280 width=800></iframe>???
@亚当？这不像你给的jsfiddle那样工作..见jsfiddle.net/44xwN
那么没有办法对 URL 进行编码或从变量中获取 src 中的 URL？

【解决方案3】：

你的观点 2：你的两种方法给出了相同的结果。

现场演示：http://jsfiddle.net/Ft9gh/

a=document.getElementsByTagName('body')[0];
b=document.createElement('iframe');
b.src="data:text/html;base64,aHR0cDovL2V4YW1wbGUuY29t";
a.appendChild(b);

【讨论】：