html 调用父页面方法,iframe父页面调用子页面方法和iframe子页面调用父页面方法...

iframe父级页面与子级页面互相调用js的方法

iframe父级页面调用子级页面：

请注意在使用chorme测试时，一定要在服务端下测试，否则会报跨页传值错误

Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.document.getElementById("iframeID").contentWindow.子级页面方法();

实例

父页面代码html>

iframe父级页面与子级页面互相调用js的方法

父页面

function ff(){

alert("这里是父页面ff的方法");

}

function tt(){

document.getElementById("iframebb").contentWindow.bb();

}

子页面b.htmlhtml>

子页面

子页面

function bb(){

alert("这里是子页面bb的方法");

}

function gg(){

//父级页面方法

window.parent.ff();

}