gpt4 book ai didi

javascript - 如何从主文档javascript访问iframe

转载 作者:行者123 更新时间:2023-12-03 09:10:19 25 4
gpt4 key购买 nike

我使用的是第三方公司提供的iframe(由于我们的业务性质,要么花钱买iframe,要么花钱让他们建个网站,iframe更适合我们的需要)但是,有些事情我们无法使用 iframe 完成,但这会很有用。但是,由于它是临时的,并且每次我们想要更改任何内容时都会花费数百英镑,因此如果我们可以通过包含 iframe 的父页面访问它会更好。

例如,我们在 iframe 中有一个表单,它默认显示您所在的某个产品(取决于页面),但是您可以搜索其他产品。但是,对于某些产品我们目前不处理这些问题,因此如果能够在主页上弹出一个警告框,告诉用户我们不处理这些问题,那就太好了。

例如,如果有人输入“游泳派对”,我们可能会弹出一条消息,显示“抱歉,我们目前无法提供任何游泳派对,但是如果您调用 NUMBER,我们会尽快为您预订一场”可能的”而且,如果有人输入,如果有人将名字输入为“steve”而不是“Steve”(例如),我们将能够将第一个字母大写

抱歉,如果这不能很好地描述我们需要什么,但我们从来没有真正处理过这样的问题,但是,所施加的限制意味着我们必须寻找一个听起来简单的解决方案来解决更多问题复杂的问题。

最佳答案

尝试contentDocumentcontentWindow.document。下面的模型适合我。一些注意事项:

1) 您必须等待整个文档加载完毕,在加载内容之前我在选择 iframe 时遇到了一点麻烦。如果你起诉jquery,这将不是问题。 ;)

2)如果iframe的内容是跨域的,则必须在iframe中注入(inject)一些脚本来提取您感兴趣的html节点。

主页

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Main</title>
</head>
<body id="mainbody">
<div>MAIN</div>
<iframe id="myFrame" src="test_3.html"></iframe>
<script src="test.js"></script>
</body>
</html>

Iframe 页面

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Inner</title>
</head>
<body id="iframebody"><div id="nameDiv">MY NAME</div></body>
</html>

脚本

document.body.onload = function() {
document.querySelector('#myFrame').contentDocument.querySelector('#nameDiv').textContent = 'NEW NAME';
};

关于javascript - 如何从主文档javascript访问iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32094276/

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