原生js實現的iframe子頁面和父頁面相互操作程式碼
下面分享兩段極為簡單的程式碼片段,它們能夠獲取父子頁面的相關元素。
雖然簡單,但是作為參考之用已經足夠,因為原理都是相同的。
一.子頁面獲取父頁面中的元素:
[JavaScript] 純文字檢視 複製程式碼window.parent.document.getElementById("theid");
二.父頁面獲取子頁面中的元素:
[JavaScript] 純文字檢視 複製程式碼window.frames["iframe_ID"].document.getElementById("theid");
相關文章
- jquery實現的iframe子頁面和父頁面的相互操作jQuery
- js實現父頁面獲取iframe子頁面內容程式碼JS
- js實現的iframe呼叫父頁面函式JS函式
- JavaScript子頁面和父頁面相互訪問JavaScript
- js獲取操作iframe子頁面中元素JS
- js父頁面使用iframe中的函式JS函式
- js如何從iframe子頁面中跳出JS
- js通過contentWindow控制iframe子頁面元素點選事件,並把值傳給父頁面JS事件
- 原生JS實現頁面內定位JS
- js-關於iframe:從子頁面給父頁面的控制元件賦值方法JS控制元件賦值
- mui 子頁面切換父頁面底部導航UI
- javascript如何實現iframe父子頁面的相互操作JavaScript
- js頁面跳轉的問題(跳轉到父頁面、最外層頁面、本頁面)JS
- JQuery iframe頁面jQuery
- 奇技淫巧話前端:使用 iframe 實現與父頁面跨域隔離的 JavaScript 程式碼沙箱前端跨域JavaScript
- 基於Html對父頁面開啟子頁面Dialog()的使用HTML
- iframe裡面的頁面呼叫父視窗,左右視窗js函式的方法JS函式
- app直播原始碼,平臺登入頁面實現和修改密碼頁面實現APP原始碼密碼
- jQuery操作iframe子頁中元素程式碼例項jQuery
- jsp頁面呼叫的操作,實用哦JS
- js和vue方法的相互呼叫(iframe父子頁面的方法相互呼叫)。JSVue
- 原生JavaScript實現頁面回到頂部的功能JavaScript
- js實現放大縮小頁面JS
- 在Flex (Flash)中嵌入HTML 程式碼或頁面—Flex IFrameFlexHTML
- 手機直播原始碼,JS實現頁面下拉載入資料操作原始碼JS
- js返回頁面頂部的實現(layui)JSUI
- 實現不同頁面不同頁首
- Iframe內部頁面高度賦值於其父頁面的Iframe標籤賦值
- js實現頁面載入完成之後再去執行程式碼JS行程
- Iframe嵌入跨域頁面高度自適應實現詳解跨域
- js實現操作成功之後自動跳轉頁面JS
- 頁面常用程式碼整理
- Flutter頁面跳轉到IOS原生介面 如何實現?FlutteriOS
- JS_簡單實現頁面輸入JS
- nodejs支援ssi實現include shtml頁面NodeJSHTML
- 免費404頁面程式碼分享 404錯誤頁面原始碼原始碼
- 點選按鈕在iframe子視窗載入指定頁面
- 10行程式碼實現頁面無限滾動行程