Question

有没有办法使用纯html代码在框架内显示而不必链接到特定的URL /文件？

例如：

不喜欢这个

<iframe src="left.html" name="left"></iframe>

但是像这样

<iframe src="here goes the html code" name="thank you SO"></iframe>

Answer 1

也许你可以将HTML注入到iFrame / Frame中，如本文所述：Michael Injecting HTML into an IFrame。

这样的事情：

var content = "<html><body><b>Hello World!</b></body></html>";

var iframe = document.createElement("iframe");
    document.body.appendChild(iframe);

var frameDoc = iframe.document;
    if(iframe.contentWindow)
        frameDoc = iframe.contentWindow.document; // IE
    // Write into iframe
    frameDoc.open();
    frameDoc.writeln(content);
    frameDoc.close();

HTH，

- hennson

Answer 2

在 HTML5 中，似乎有办法实现此目的：

<iframe seamless sandbox srcdoc="<p>did you get a cover picture yet?"></iframe>

请参阅here，据说这是新html5 srcdoc属性的目的。

根据MDN，目前只有chrome会尊重srcdoc属性。

我无法使这个属性起作用，因此目前它可能不是一个可行的选择。正如其他人所说，使用div可能是更好的解决方案。

Answer 3

我认为你不能这样做。也许你可以尝试用DIV修改内容用javascript与innerHTML？

<div id='A' onclick="javascript:document.getElementById('A').innerHTML = 'Another content'">
    Click me
<div>

Answer 4

iframe的srcdoc属性是简单的方法...

<iframe srcdoc="Your text goes here..."></iframe>

HTML SRC属性 - 使用html代码而不是URL

4 个答案: