網站首頁 編程語言 正文
每次iframe父子頁面交互的時候總是現查,總也記不住,所以今天來詳細記載一下。以下均為jquery 寫法。
1、iframe子頁面調用父頁面
(1)方法
parent.func()
(2)變量
parent.value
(3)jquery元素
$("div",parent.document)
2、父頁面調用iframe子頁面
(1)方法
$("#childrenIframeId").eq(0)[0].contentWindow.func();
(2)變量
$("#childrenIframeId").eq(0)[0].contentWindow.value;
//注意,如果取不到名為value的全局變量,檢查一下value是否定義在子頁面的window上,若沒有,子頁面變量可以這樣定義 window.value = "XXX"
(3)jquery元素
$("#childrenIframeId").eq(0).contents().find("div")
子頁面窗口對象也可這樣獲取:?window.frames['name'],
即$("#childrenIframeId").eq(0)[0].contentWindow ==?window.frames['childrenIframeName']
注意:父頁面要在確保iframe子頁面加載完成后,再執行獲取變量等操作,否則取不到,可在iframe子頁面加載完成的回調方法中執行
$('#childrenIframeId').load(function() {
// 獲取元素 。。。
// 獲取變量 。。。
// 執行方法 。。。
});
原文鏈接:https://blog.csdn.net/lixiaonaaa/article/details/122077573
相關推薦
- 2022-12-23 Android入門之Menu組件的使用教程詳解_Android
- 2022-03-31 python猜單詞游戲的實現_python
- 2022-06-21 Oracle新增和刪除用戶_oracle
- 2023-12-25 Spring @Cacheable緩存注解
- 2022-04-19 C語言庫函數qsort及bsearch快速排序算法使用解析_C 語言
- 2022-06-09 Python中Matplotlib的點、線形狀、顏色以及繪制散點圖_python
- 2022-06-30 Go實現分布式唯一ID的生成之雪花算法_Golang
- 2023-01-01 解決React報錯No?duplicate?props?allowed_React
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支