1

我面临一个小问题。我想在 div 标签内创建一个 iframe，该标签将位于我的 body 标签内。我尝试了以下 jQuery 代码：

$(document.createElement('<div id="modalDiv"><iframe id="modalIFrame" width="100%" height="100%" marginWidth="0" marginHeight="0" frameBorder="0" scrolling="auto" title="Dialog Title"></iframe></div>'));

但我没有得到任何结果。另外，我将脚本放在正文标签中，但没有得到任何结果。

提前致谢。

4

3 回答 3

3

假设您添加了 jQuery：

$(document).ready(function(){
    $('body').append('<div id="modalDiv"><iframe id="modalIFrame" width="100%" height="100%" marginWidth="0" marginHeight="0" frameBorder="0" scrolling="auto" title="Dialog Title"></iframe></div>');
});

这会将您的代码添加到正文 html 的末尾...

于 2013-01-14T16:40:46.833 回答
0

createElement的参数必须是包含元素类型名称的字符串。您正在提供 HTML 片段。

由于您使用的是 jQuery，因此只需从该字符串构造一个 jQuery 对象。

jQuery('<div id="modalDiv"><iframe id="modalIFrame" width="100%" height="100%" marginWidth="0" marginHeight="0" frameBorder="0" scrolling="auto" title="Dialog Title"></iframe></div>');
于 2013-01-14T16:42:37.217 回答
0

document.createElement()不支持从 HTML 字符串创建元素，但您可以将字符串传递给 jQuery 以构建内容，即：

var newContent = $('<div id="modalDiv"><iframe id="modalIFrame" width="100%" height="100%" marginWidth="0" marginHeight="0" frameBorder="0" scrolling="auto" title="Dialog Title"></iframe></div>');
newContent.appendTo("body");

确保将选择器更新为对您有意义的任何内容，这里它只是被添加到body元素中。

此外，如果 iframe 旨在实际指向资源，请务必同时设置src属性。

希望有帮助！干杯。

于 2013-01-14T16:46:11.613 回答