gpt4 book ai didi

javascript - 每次 iframe 使用 iframe 值重新加载时更新父值

转载 作者:行者123 更新时间:2023-11-28 03:10:01 26 4
gpt4 key购买 nike

我有一个带有 iFrame 的页面,每次从 iFrame 中提交的表单加载 iFrame 时,我都想更新父级中的值。这是父级中的代码:

<div id="updField" style="display: block; float: left; margin: 12px 0px 0px 20px; width: 300px; font-size: 14px; color: #CC0000;">
Test Update Field
</div>

这是 iFrame 中的 jQuery:

$(window).on('load', function() {
$("#updField", window.parent.document).text("<?php echo $dupdate; ?>");
});

当第一次加载 iFrame 时,父 div 会更改以显示 $dupdate 的值。如果我提交一个位于 iFrame 中的表单,它更改了 $dupdate 值,则父 div 不会更新。我希望每次加载 iFrame 时更新父 div。非常感谢任何帮助。

最佳答案

更新:

好的,这是完整的工作代码。抱歉之前的错误。同样的想法。父级跟踪子加载事件,然后进入并从某处的 div 获取您想要的值。

两个文件:blah.html 和 childblah.html。

Blah.html

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#myFrame").on("load", function () {
var infoContainer = $("#myFrame").contents().find("#someDiv");
if (infoContainer!=null)
$("#updField").text(infoContainer.text());
});
});

</script>

</head>
<body>
<iframe id="myFrame" src="childblah.html" > </iframe>
<div id="updField">
</div>
</body>
</html>

childblah.html

<html>
<head>
</head>
<body onload="setTimeout(function(){document.location.href='childblah.html';},3000)">
<div id="someDiv">
xxxxxxx<div id='dv' />
<script>var dt=new Date();document.getElementById('dv').innerHTML=dt;</script>
</div>
</body>
</html>

您可以只从指定位置获取内容(如果存在),而不是让 child 写入值。

关于javascript - 每次 iframe 使用 iframe 值重新加载时更新父值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30930236/

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