iframe源代码有变量

Question

我有几个问题：

1. <iframe src="/index.php"></iframe>与HTMLIFrameElement相同吗？

2. 为什么

   <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变量中编码字符串？

Answer 1

1. 是
2. 您需要将iFrame附加到文档中。 Like so document.body.appendChild(b)​

Answer 2

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

data:text/html;base64,aHR0cDovL2V4YW1wbGUuY29t

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

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

Answer 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); ​