gpt4 book ai didi

javascript - 将内容添加到新的空 iframe

转载 作者:行者123 更新时间:2023-11-28 02:54:46 25 4
gpt4 key购买 nike

我有一个新的 iframe。它接受 src 并包含一个完全空白的页面。现在我想通过 javascript 用数据填充它。

在正常情况下我可以这样做:

var content = "Some content";
$("iframe").contents().find("body").html(content);

但是这个 iframe 是空的,没有 body 和 html。无论如何都可以包含内容吗?

应该插入这样的内容:

<html>
<head></head>
<body>Hello</body>
</html>

更新

我能做到:

$('iframe').contents().find('html').html('<html><body>test</body></html>');

我不知道它是否会呈现双 html 标签。在开发人员工具中,我看不到它添加了额外的内容。

最佳答案

您可以通过普通查询选择器获取 IFrame 窗口。

var myFrameDoc = document.getElementById('iframe_id').contentDocument;

如果没有就写吧。

myFrameDoc.write('<html>');
myFrameDoc.write('<head>');
myFrameDoc.write('</head>');
myFrameDoc.write('<body>');
myFrameDoc.write('<div>Hello iFrame</div>');
myFrameDoc.write('</body>');
myFrameDoc.write('</html>');

有更多方法可以做到这一点。我会把它留给你去实现。

关于javascript - 将内容添加到新的空 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37584756/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com