內嵌頁面iframe以及和其兄弟iframe的相互傳值調用

1:document.getElementById("ii").contentWindow 得到iframe對象後,就可以通過contentWindow得到iframe包含頁面的window對象,然後就可以正常訪問頁面元素了;

2:$("#ii")[0].contentWindow  如果用jquery選擇器獲得iframe,需要加一個【0】;

3:$("#ii")[0].contentWindow.$("#dd").val() 可以在得到iframe的window對象後接着使用jquery選擇器進行頁面操作;

4:$("#ii")[0].contentWindow.hellobaby="dsafdsafsdafsdafsdafsdafsadfsadfsdafsadfdsaffdsaaaaaaaaaaaaa"; 可以通過這種方式向iframe頁面傳遞參數,在iframe頁面window.hellobaby就可以獲取到值,hellobaby是自定義的變量;

5:在iframe頁面通過parent可以獲得主頁面的window,接着就可以正常訪問父親頁面的元素了;

6:parent.$("#ii")[0].contentWindow.ff; 同級iframe頁面之間調用,需要先得到父親的window,然後調用同級的iframe得到window進行操作;

源碼包含內容,主頁面(main.html)中含有兩個iframe子頁面(frame.html,newIframe.html)

  1. 主頁面如何調用子頁面中的方法;

  2. 子頁面如何調用主頁面中的方法;

  3. 兩個子iframe之間如何如何進行交互


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章