直接看代码:
父页面有个div:
<!--打开iframe -->
<div id="win" > </div>
父页面调用方法处理事物
<a onclick="showWindow('xxx','photosNames','photos','photos_up_file','2')" class="easyui-linkbutton">上传</a>
//方法showWindow()
function showWindow(names,upName,upUrl,upA,upType){
$('#win').window({
width:600,
height:350,
modal:true,
closed:true,
title:names,
maximizable:false
});
$("#win").window('open');
<!-- 给div 赋值html,使其拥有个div-->
$("#win").html("<iframe id='son' src='upload_child.html' allowTransparency='true' style='border:0;width:98%;height:98%;padding-left:2px;' frameBorder='0'></iframe>");
assgVal(upName,upUrl,upA,upType);
}
父页面对子页面的一些 赋值
function assgVal(upName,upUrl,upA,upType){
setTimeout(function () {
//直接操作子页面属性,给子页面的属性赋值
$('#son').contents().find("#name").val(upName);
$('#son').contents().find("#url").val(upUrl);
$('#son').contents().find("#a").val(upA);
$('#son').contents().find("#type").val(upType);
},200);
}
upload_child.html 子页面
<input type="hidden" id = "url" />
<input type="hidden" id = "name" />
<input type="hidden" id = "a" />
<input type="hidden" id = "type" value="1"/>
给父对象赋值
function sumValue(names,url){
window.parent.$("#"+fileName+"").val(names);
window.parent.$("#"+fileUrl+"").val(url);
}