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

猜你喜欢

转载自yangzelin-job09.iteye.com/blog/2264642