问题
I have a string of HTML tags that I can add to or change whenever I like.
"<html><body><script language="javascript" src=""></script></body></html>"
Is it possible to load that string at runtime into an Iframe as if it was an HTML file?
This is for Construct 2. I have an object that can load HTML from a url fine, it can also insert HTML, and run scripts, but not as is.
回答1:
You can do it with
document.getElementById('iframe').src = "data:text/html;charset=utf-8," + escape(html);
See the following fiddle for an example
https://jsfiddle.net/erk1e3fg/
回答2:
Sure, there are a couple of different options.
Via srcdoc (asyncronous):
iframe.srcdoc = html;
Via data URI (asyncronous):
iframe.src = 'data:text/html;charset=utf-8,' + escape(html);
Via document.write (syncronous, and works in really old browsers):
var idoc = iframe.contentWindow.document;
idoc.write(html);
idoc.close();
回答3:
With Data URI, (see browser support) it's possible. The format as described is
data:[<mime type>][;charset=<charset>][;base64],<encoded data>.
You might not need to base64 encode your string unless the string has specific characters. This Snippet fulfills your needs:
var iframe = document.getElementById('iframe'),
htmlStr = "<html><body><h1>Hell World</h1></body></html>";
iframe.src = 'data:text/html,'+htmlStr;<iframe id="iframe" src="blank:"></iframe>来源：https://stackoverflow.com/questions/38731161/loading-a-string-if-html-into-an-iframe-using-javascript