父子页面间调用

Posted Eric-Lee

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了父子页面间调用相关的知识,希望对你有一定的参考价值。

一、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");

以上是关于父子页面间调用的主要内容,如果未能解决你的问题,请参考以下文章

在AngularJs中父子页面如何相互调用方法和接收值

Wex5父子页面方法相互调用

iframe父子页面交互

关于iframe父子的调用

JQuery javascript实现父子页面相互调用

03、vue 页面跳转传值,父子组件传值