iframe父子頁面傳值

2021-07-22 12:06:59 字數 539 閱讀 4304

一,js操作父子頁面

<1>父頁面操作子頁面

iframe的name.window.say(引數);//呼叫子頁面的方法

iframe的name.document.getelementbyid("button").value="引數";//呼叫子頁面的屬性

<1>子頁面操作父頁面

parent.say();

parent.window.document.getelementbyid("button").value="引數";

二,jqury操作父子頁面

<1>父頁面操作子頁面

$('#iframe元素id').contents().find('#子頁面元素id')

<2>子頁面操作父頁面

$('#父頁面id',window.parent.document).val()

window.parent.方法名(引數)

iframe父子頁面傳值

iframe是乙個可以直接引用網頁鏈結的框架,在寫頁面邏輯時,往往會遇到子頁面邏輯和父頁面邏輯的溝通。iframe的父子網頁可以通過相互呼叫對方的方法,來達到邏輯互動的效果 1.父呼叫子的方法 iframe 0 contentwindow.sonmethod 2.父獲取子中的元素 iframe co...

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

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

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

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