欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JQuery调用iframe父页面元素与方法

程序员文章站 2022-06-12 12:33:14
...

JQuery调用iframe父页面元素与方法

Iframe 页面常用调用JQuery方法

1、在iframe中查找父页面元素的方法

$('#id', window.parent.document)

 

2、在父页面中获取iframe中的元素方法

$(this).contents().find("#suggestBox")

 

3、在iframe中调用父页面中定义的方法和变量

parent.method
parent.value

 

4、父页面调用iframe内的JS的方法,无须给iframe加id,只需用Jq选中iframe就行了

$("#id").find("iframe")[0].contentWindow.func()

 

使用 解决跨域问题思路

1、如果同一个IP下有两个应用,分别使用使用两个端口如8001,8002,这两应用需要共享cookie做登录权限控制。

可以在两个应用设置document.domain=www.xxx.com 这样两个应用就可共享cookie了。

 

2、使用iframe 多层嵌套决问跨域问题。

如:有应用1 http://ip1:port1/app1/页面A 和应用2 http://ip2:port2/app2/页面B

IP1和 IP2、port1 和port2 都不一样 现在 页面A 调用页面B获取 B页面内容。

 

解决方法:

前提:你能对页面A 和页面B 做特殊处理。

1、 A 页面 使用Iframe 包含 B页面,同时,触发B页面方法MethodB, MethodB 做一个操作,构建一个Iframe 嵌套 页面C,页面C 调用页面B中 的方法MethodB2 ,该方法获取页面B的document内容 。页面C 和页面A 都在APP1 中,这样A页面就相当于调用了同一个域名下的页面C,获取了页面B的返回内容。