如何创建iframe about：blank，不带src，但包含html javascript

Question

我想创建一个没有src（about：blank）的iframe，但是该iframe包含一些javascript html

我需要这样做，因为我不想为此任务在服务器上创建托管网页，这将使服务器连接更多，这对资源没有好处。并且也不想在网页上编写直接的javascript html，因为它们使网页在加载/运行时的加载时间最慢。

如何通过使用javascript（可能是jquery）来做到这一点？

iframe，例如：

<iframe src="about:blank" width="300" height="250" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" ></iframe>

及其内容：

<div>xxx</div>
<script type="text/javascript">var abc=1 </script>
<script type="text/javascript" src="http://1234.net/js.js"></script>

更新

感谢您的回答。但我需要弄清楚该脚本还将通过javascript创建iframe，因为需要在一页中使用不同的id创建iframe。请看一下我的测试：http : //jsfiddle.net/rDkEw/

问题是：如果使用document.body.appendChild，则iframe将在网页正文中创建，但是我需要将其保存在保存JavaScript的当前div中。

Answer 1

对于在2016年之后使用Google搜索的每个人：使用 data：URL，以data：方案为前缀的URL，允许内容创建者将小文件内联嵌入文档中。

<iframe src="data:text/html, <h1>Your HTML</h1>"></iframe>