javascript - 带变量的 iframe 源

Question

我有一些问题：

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

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

Answer 2

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

data:text/html;base64,aHR0cDovL2V4YW1wbGUuY29t

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

你可能想要"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); ​