HTML代码作为IFRAME源而不是URL

这是一个IFRAME的标准代码,是否有一种方法来取代刚刚的HTML代码的src的URL? 所以我的问题很简单,我有一个页面,它从MYSQL加载一个HTML主体我想要在一个框架中呈现该代码,所以它呈现自我独立于页面的其余部分,并在该边界的限制。

<iframe src="http://example.com" name="test" height="120" width="600">You need a Frames Capable browser to view this content.</iframe> 

您可以使用数据url来完成此操作。 这包括整个文档在一个单一的HTMLstring。 例如,下面的HTML:

 <html><body>foo</body></html> 

可以这样编码:

 data:text/html;charset=utf-8,%3Chtml%3E%3Cbody%3Efoo%3C/body%3E%3C/html%3E 

然后设置为iframe的src属性。 例子 。


编辑:另一种select是用Javascript来做到这一点。 这几乎可以肯定是我select的技术。 您无法保证浏览器接受数据url的时间。 Javascript技术看起来像这样:

 var iframe = document.getElementById('foo'), iframedoc = iframe.contentDocument || iframe.contentWindow.document; iframedoc.body.innerHTML = 'Hello world'; 

使用html5 srcdoc-polyfill 文档

 <iframe srcdoc="<html><body>Hello, <b>world</b>.</body></html>"></iframe> 

浏览器支持

 Microsoft Internet Explorer 6, 7, 8, 9, 10 Safari 4, 5.0, 5.1 Google Chrome 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24.0.1312.5 (beta), 25.0.1364.5 (dev) Opera 11.1, 11.5, 11.6, 12.10, 12.11 (beta) Mozilla FireFox 3.0, 3.6, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18 (beta) 

根据W3Schools的说法,HTML5可以让你使用新的“srcdoc”属性来做到这一点,但浏览器支持似乎非常有限。