我有这个最小的测试用例
a.html
<!DOCTYPE html>
<html>
<body>
<input type="text" id="myinput">
<iframe id="frame" src="b.html" style="width:100%;height:100%" frameBorder="0"></iframe>
</body>
</html>
b.html
<!DOCTYPE html>
<html>
<body>
<script>
function update_parent(value) {
window.parent.document.getElementById('myinput').value=value;
}
</script>
<a class="tag" name="something" href="javascript:void(0)" onclick="update_parent(something)"/>Bla Bla</a>
</body>
</html>
这里的目的是在点击 iframe 上的按钮时更新父窗口中的输入框。正如您在上面看到的那样,我尝试使用纯 javascript 来完成它,但它也不起作用。如果可能的话,我想使用 jquery 来做到这一点。
最佳答案
function update_parent(value) {
$('#myinput', window.parent.document).val(value);
}
$() 包装器的第二个参数是要搜索的上下文。这默认为文档,因此传递父级将父级设置为搜索上下文。
关于javascript - 使用 jquery 从 iframe 更新父级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18795452/