iframe獲取子框架的值

2021-06-09 04:52:23 字數 967 閱讀 2175

iframe可以將**各頁面的公共部分(如導航等)提出來單獨做乙個頁面,減少了**的冗餘。

但說實話,我個人並不喜歡使用這個,因為這個在調整樣式的時候會比較麻煩——當然,有可能是我水平太菜的問題。不過現在有很多系統還是使用iframe,前幾天在做公司乙個專案的時候也遇到了,在獲取子框架值上花了不少時間,現在做個總結,也希望能為大家以後節省點時間。

iframe有兩種情況。

第一種:在頁面中直接使用乙個iframe,如圖。

頁面中這麼引入iframe

iframe頁面中有如下**

那麼從父級頁面取iframe值

function getvalue()

iframe獲取父級頁面的值與上邊相似:

window.parent.document.getelementbyid('標籤id').value;
第二種:乙個頁面中有多個iframe,iframe之間互相取值,如圖。

在iframe2中獲取ifame1的值如下:

window.parent.frames['iframe1'].sontext.value;

//或window.parent.frames['iframe1'].document.getelementbyid('sontext').value;

獲取子iframe框架的元素

我們常常遇到使用iframe框的時候,該iframe框不能根據自己內部的內容撐起來的這種問題 必要條件 不能在跨域的情況下。本地可以放到localhost下進行測試 父頁面index.html頁面 框架iframe.html 我是iframe1的內容 我是iframe1的內容 我是iframe1的內...

iframe子頁面中獲取父頁面元素的值

1.獲取父頁面的乙個span的內容 var username user parent.document text 2.如果需要獲取的元素和當前iframe還隔著好幾個iframe可以用 var username user top.document text 可以看出來parent是獲取上一層窗體的內...

jQuery獲取子iframe中點選事件

今天oa裡有個需求,要在乙個鏈結後,增加當前使用者的賬戶密碼,再跳轉。開啟頁面檢視原始碼,發現,這個鏈結在iframe裡,以為能夠根據iframe直接find出來 試了試。報錯 uncaught typeerror parent.triggermouseuphandle is not a funct...