Javascript 如何从iframe在head标记中附加元素？

1）我想动态创建一个iframe

2）我已经模拟了头部和身体标签的数据（字符串模板）

3）我想使用2）

代码

  var bodyHtml = '<p>Content</p>';
  var headHtml = '<title>Title</title>';

  var iframe = document.createElement('iframe');

  // inject the bodyHTML to locally iframe
  iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(bodyHtml );

  // headHtml how ?

  // inject my iframe in the DOM
  $('mySelector').append(iframe);

var bodyHtml='Content
；
var headHtml='Title'；
var iframe=document.createElement（'iframe'）；
//将bodyHTML注入本地iframe
iframe.src='数据：text/html；字符集=utf-8，'+encodeURI（bodyHtml）；
//怎么做？
//在DOM中注入我的iframe
$（'mySelector'）.append（iframe）；

---

如何在iframe head标记中插入headHtml？

您已经完成了大部分工作。文档的内容不仅仅是正文，而是整个内容，因此您构建整个内容，然后将其传递给

encodeURIComponent

（而不是

encodeURI

）：

var bodyHtml='Content
；
var headHtml='Title'；
var iframe=document.createElement（'iframe'）；
//将bodyHTML注入本地iframe
iframe.src='数据：text/html；字符集=utf-8，'+编码元件(
"" +
"" +
“”+headHtml+“”+
“”+bodyHtml+“”+
""
);
//在DOM中注入我的iframe
$（'body'）.append（iframe）
您已经完成了大部分工作。文档的内容不仅仅是正文，而是整个内容，因此您构建整个内容，然后将其传递给
encodeURIComponent
（而不是
encodeURI
）：


var bodyHtml='Content
；
var headHtml='Title'；
var iframe=document.createElement（'iframe'）；
//将bodyHTML注入本地iframe
iframe.src='数据：text/html；字符集=utf-8，'+编码元件(
"" +
"" +
“”+headHtml+“”+
“”+bodyHtml+“”+
""
);
//在DOM中注入我的iframe
$（'body'）.append（iframe）