原生js實現的iframe子頁面和父頁面相互操作程式碼
下面分享兩段極為簡單的程式碼片段，它們能夠獲取父子頁面的相關元素。
雖然簡單，但是作為參考之用已經足夠，因為原理都是相同的。
一.子頁面獲取父頁面中的元素:
[JavaScript] 純文字檢視 複製程式碼window.parent.document.getElementById("theid");
二.父頁面獲取子頁面中的元素:
[JavaScript] 純文字檢視 複製程式碼window.frames["iframe_ID"].document.getElementById("theid");
相關文章
- JavaScript子頁面和父頁面相互訪問JavaScript
- js-關於iframe:從子頁面給父頁面的控制元件賦值方法JS控制元件賦值
- router-view子頁面呼叫父頁面方法更新父頁面引數View
- 原生JS實現頁面內定位JS
- 048、Vue3+TypeScript基礎，基本的子頁面和父頁面相互通訊VueTypeScript
- js頁面跳轉的問題(跳轉到父頁面、最外層頁面、本頁面)JS
- 奇技淫巧話前端：使用 iframe 實現與父頁面跨域隔離的 JavaScript 程式碼沙箱前端跨域JavaScript
- 禁用iframe子頁面滑鼠右鍵
- iframe可以使用父頁面中的資源嗎（如：css、js等）？CSSJS
- JQuery iframe頁面jQuery
- 怎樣使用iframe重新整理父級頁面？
- 基於Html對父頁面開啟子頁面Dialog()的使用HTML
- js和vue方法的相互呼叫（iframe父子頁面的方法相互呼叫）。JSVue
- 遮蔽iframe子頁面F12按鍵
- 原生js頁面事件詳解JS事件
- app直播原始碼，平臺登入頁面實現和修改密碼頁面實現APP原始碼密碼
- 023.Vue3入門，父頁面給子頁面傳遞資料Vue
- 手機直播原始碼，JS實現頁面下拉載入資料操作原始碼JS
- 026.Vue3入門，父頁面給子頁面傳遞資料，在子頁面不能修改，只能改自己的data內容Vue
- 原生JavaScript實現頁面回到頂部的功能JavaScript
- js返回頁面頂部的實現(layui)JSUI
- 024.Vue3入門，父頁面給子頁面傳遞多種資料Vue
- js實現操作成功之後自動跳轉頁面JS
- Iframe內部頁面高度賦值於其父頁面的Iframe標籤賦值
- Iframe嵌入跨域頁面高度自適應實現詳解跨域
- 實現不同頁面不同頁首
- 直播平臺搭建，JS實現頁面下拉載入資料操作JS
- 頁面常用程式碼整理
- 小程式頁面動態配置實現
- 免費404頁面程式碼分享 404錯誤頁面原始碼原始碼
- iframe父子頁面通訊解決方案
- Flutter頁面跳轉到IOS原生介面 如何實現？FlutteriOS
- 短視訊程式原始碼，PageSlider實現滑動頁面原始碼IDE
- 10行程式碼實現頁面無限滾動行程
- 一種實現 MediaWiki 分頁面載入 JS 的思路JS
- vue實現後臺管理系統頁面功能和頁面路由許可權的控制Vue路由
- JavaScript頁面跳轉程式碼JavaScript
- 短影片程式原始碼，如何實現短影片的熱門頁面原始碼
- 【JS】javascript實現頁面顯示數字時鐘JSJavaScript