Javascript 将值从iframe覆盖传递到父页面

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

我想从iframe覆盖中获得一些值（myvalue）

我的父子（home.php）中的代码：

打开我的iframe的链接：

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

我的覆盖中的Html（child.php）：

帮我的主意

---

谢谢

您需要对iframe元素的引用。假设您的iframe元素具有id“iframe”。那么

---

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

我终于找到了解决本地存储问题的方法

子页面中的代码：

$(".mydiv").click(function(){
val = $(this).attr('value'); 
localStorage.setItem("myvalue", "val");
parent.$.colorbox.close();
return false;
});

父页面中的代码：

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

---

谢谢大家的帮助：）

谢谢。我把你的台词放在我的iframe子页面上。如果我在我的父页面上写这个：

myvalue=$（“#myvalue”）.val（）；警报（myvalue）我收到一个带有“undefined”的警报，请尝试在IIS上承载您的示例，然后测试itUpvoting，因为您的提示“使用contents（）访问iframe中的内容”是我缺少的链接。
<div class="mydiv" value="TESTPASSINGVALUE"></div>

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

$("#myid", parent.document.body); 

$(".mydiv").click(function(){
val = $(this).attr('value'); 
localStorage.setItem("myvalue", "val");
parent.$.colorbox.close();
return false;
});

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