子页面与父页面相互调用函数、元素、变量

子页面调用父页面

函数:

parent.$(window.parent.document).find('#J_remotemodal').modal('hide'); //元素事件

window.parent.dele(id); 

元素:

parent.document.getElementById('id')

变量:

var variable = parent.variableParent (variableParent 为父页面定义的全局变量

父页面调用子页面

元素:

$("#iframeTable").contents().find("#msgReminderDiv").html(joinStr);

函数:

$(window.parent.document).contents().find("#iframeTable")[0].contentWindow.addTableData();//addTableData()是子页面函数

变量:

这部分目前的解决方案是在父页面设置全局变量,在子页面进行修改后将子页面的变量赋值给父页面