iframe父子頁面傳值

2021-10-01 20:28:38 字數 522 閱讀 8636

iframe是乙個可以直接引用網頁鏈結的框架,在寫頁面邏輯時,往往會遇到子頁面邏輯和父頁面邏輯的溝通。

iframe的父子網頁可以通過相互呼叫對方的方法,來達到邏輯互動的效果;

1.父呼叫子的方法:

$

("#iframe")[

0].contentwindow.

sonmethod()

;

2.父獲取子中的元素

$

('#iframe').

contents()

.find

("#sonele"

);

3.子呼叫父的方法

window.parent.

fathermethod()

;

4.子獲取父中的元素

window.parent.$(

"#fatherele"

);

iframe父子頁面傳值

一,js操作父子頁面 1 父頁面操作子頁面 iframe的name.window.say 引數 呼叫子頁面的方法 iframe的name.document.getelementbyid button value 引數 呼叫子頁面的屬性 1 子頁面操作父頁面 parent.say parent.win...

基於iframe父子頁面傳值的方法。

之前專案中用layer.js作為彈窗的框架,發現layer.js中大部分彈窗都是通過iframe模擬的。為此,在專案中遇到了不少坑。印象最深的就是父子頁面傳值的問題。後面經過一段時間的研究。總結出以下幾種方法 一 在子頁面的js中直接使用parent獲取父級頁面中的物件方法。如 document r...

父子頁面傳值和子兄弟頁面傳值

前言 我是用的layer彈出框整的layer父子頁面 父 子 子 父 子彈窗給父頁面元素賦值 parent.parentinput val 這是從彈窗傳遞過來的資料 子彈窗呼叫父頁面方法 window.parent.childinvokermethod 子彈窗獲取父頁面元素的值 window.par...