父子页面间调用

Posted 2020-09-30 Eric-Lee

一、jQuery 父、子页面之间页面元素的获取，方法的调用：

1. 父页面获取子页面元素：

    $("#子页面id").contents().find("#子页面中的标签的id").click(); 

2. 父页面调用子页面方法：

    $("#iframe的id")[0].contentWindow.子页面的方法(); 

3. 子页面获取父页面元素：

    $("#父页面元素id" , parent.document);

二、原生 js 父页面元素的获取，方法的调用：

1. 子页面调用父页面方法：

    parent.父页面方法()

2. 子页面获取父页面元素：

    window.parent.document.getElementById("父页面元素id");