父html
<body>
<label id="windowLabel">lab</label>
<button οnclick="winClkWin()">调用window</button>
<button οnclick="winClkFrm()">调用frame</button>
<iframe src="frame.html" name="mxFrame" id="mxFrame"></iframe>
</body>
<script src="jquery-3.0.0.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
function cgWinLabel(lab) {
document.getElementById("windowLabel").innerHTML = lab;
}
function winClkWin() {
cgWinLabel("window click window");
}
function winClkFrm() {
$("#mxFrame")[0].contentWindow.cgFrmLabel("window click frame");
}
</script>
子html
<body>
<label id="frameLabel">lab</label>
<button οnclick="frmClkWin()">调用window</button>
<button οnclick="frmClkFrm()">调用frame</button>
</body>
<script type="text/javascript">
function cgFrmLabel(lab) {
document.getElementById("frameLabel").innerHTML = lab;
}
function frmClkWin() {
window.parent.cgWinLabel("frame click window");
}
function frmClkFrm() {
cgFrmLabel("frame click frame");
}
</script>