javascript - 将值从 iframe 覆盖层传递到父页面

Question

我有一个关于 jquery 和 colorbox 覆盖的问题。我在 stackoverflow 上找不到好的解决方案。

我想从 iframe 叠加层获取一些值 (myvalue)。

我的父子代码(home.php):

$(".iframe").colorbox({
iframe:true,
width:"1000px",
height:"500px",     
    // Begin to clos the overlay
onCleanup: function() {
var myvalue = $("#myvalue").val();
alert('myvalue');
}
}

打开我的 iframe 的链接:

<a href="child.php" class="iframe">OPEN OVERLAY BY IFRAME METHOD</a>

我的 iframe 覆盖层 (child.php) 中的代码:

$(".mydiv").click(function(){
    window.parent.$(this).attr('value'); 
    parent.$.colorbox.close();
    return false;
});

我的覆盖层 (child.php) 中的 Html:

<div class="mydiv" value="TESTPASSINGVALUE"></div>

有什么办法可以帮助我吗？

谢谢!!

Answer 1

您需要对 iframe 元素的引用。假设您的 iframe 元素的 ID 为“iframe”。那么，

onCleanup: function() {
    var myvalue = $("#iframe").contents().find("#myvalue").val();
    alert('myvalue');
}

您需要使用contents()来访问iframe中的内容。此外，iframe URL 必须与父级位于同一域中(同源策略)