Question

我有两个html文件：

主要内容。
使用外部网址包含iframe的内容。

iframe的网址是使用jquery动态创建的。

我希望避免使用两个不同的html文档，而是想要动态创建一个包含iframe的新html文档，例如：

var dynamic_img_path = 'my_external_url';
var html_to_parse = '<html><head><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><title>my title</title><style type="text/css">html {margin: 0;height: 100%;overflow: hidden;}iframe {position: absolute;left: 0;right: 0;bottom: 0;top: 0;border: 0;}</style></head><body><h1>my heading 1</h1><iframe id="iframe-id" width="100%" height="100%" frameborder="0" src='+ url_param +'></iframe></body></html>';

然后我将字符串html_to_parse解析为dom：

var parser = new DOMParser();
var new_html = parser.parseFromString(html_to_parse, "text/html");

这会生成一个html文档，我想要它。

但是如何显示这个新的html？ I.E.我如何使用此标准进行标准window.location更改，以便显示此新html？

Answer 1

将正文innerHTML设置为documentElement.innerHTML，如下所示：

window.document.body.innerHTML = new_html.documentElement.innerHTML

显示新的，动态分析的HTML文档jQuery

1 个答案: