Question

我想在这个iFrame中显示我的html字符串。实际上我很困惑它是否应该在iFrame或Div中显示。

的代码： 的

$("body").append("\
                    <div id='wikiframe'>\
                    <div id='wikiframe_veil' style=''>\
                    <p>Loading...</p>\
                    </div>\
                    <iframe id='wikiIDframe'></iframe>\
                    </div>"
                );

我想显示字符串s="<body>....</body>中的HTML 在这个iFrame中我该怎么做。任何身体都可以帮助我。

Answer 1

您可以通过执行以下操作将字符串s附加到iframe：

<强>的jQuery

var s = '<body><div>hello</div></body>';             // example s string
var textBody = $(s);                                 // make s into jquery object
var iframeBody = $('#wikiIDframe').contents().find('body'); // get the body from the iframe

iframeBody.append(textBody.html());                  //append s html into iframe

Example

Answer 2

iframe用于在当前HTML文档中嵌入其他文档。这意味着如果您想在网页中看到网页，可以使用iframe。

<iframe src="http://www.stackoverflow.com"></iframe>

请参阅此示例http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_iframe

如果你想显示你的文字然后使用div而不是。在jquery你可以像下面的代码一样使用它

$("#your_div_id").html("yourstring here");

Answer 3

有人想过这个吗？

HTML

<iframe id="iframe" style="width:500px;height:400px;"></iframe>

JS

var myHTML = "<div id='wikiframe'><div id='wikiframe_veil' style=''><p>Loading...</p></div><iframe id='wikiIDframe'></iframe></div>";
document.getElementById('iframe').src = 'data:text/html,<html><body>' + myHTML + '</body></html>';

在http://jsfiddle.net/Kqd8R/1/

上试用

在div或iframe中显示html

3 个答案: