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