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

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的返回内容。