iframe父页面与子页面之间的元素获取与方法调用
生活随笔
收集整理的這篇文章主要介紹了
iframe父页面与子页面之间的元素获取与方法调用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
JS
| ? | 父頁面調用子頁面 | 子頁面調用父頁面 |
| 元素 | window.frames[iframe的name屬性值]; | ① window.parent.document.getElementById("父頁面元素ID"); ②window.parent.document.getElementsByTagName("父頁面元素標簽名")[i]; ③window.parent.document.getElementsByClassName("父頁面元素類名")[i]; |
| 方法 | ① document.getElementById("子頁面元素ID").contentWindow.子頁面方法名; ② document.getElementsByTagName("子頁面元素標簽名")[i].contentWindow.子頁面方法名; ③ document.getElementsByClassName("子頁面元素類名")[i].contentWindow.子頁面方法名; | window.parent.父頁面方法; |
?
JQuery
| ? | 父頁面調用子頁面 | 子頁面調用父頁面 |
| 元素 | $(iframe選擇器).contents().find(iframe中元素選擇器) | ① $(父頁面元素選擇器, window.parent.document); ② window.parent.$(父頁面元素選擇器)window.parent.父頁面方法; |
| 方法 | $(iframe選擇器)[0].contentWindow.子頁面方法名 | window.parent.父頁面方法; |
?
總結
以上是生活随笔為你收集整理的iframe父页面与子页面之间的元素获取与方法调用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: c++ for each 遍历tuple
- 下一篇: Pandas 文件读取和导出