欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS中FRAME的操作問題實例分析

 更新時間：2014年10月21日 09:50:21   投稿：shichen2014  
這篇文章主要介紹了JS中FRAME的操作問題實例分析,詳細講述了js針對frame框架操作中的各種訪問問題,需要的朋友可以參考下

本文實例探討了JS中FRAME的操作問題，分享給大家供大家參考。具體分析如下：

以上圖為例，在這里把frame之間的互相操作簡單列為：1變量2方法3頁面之間元素的互相獲取。

一、  首先從 父(frameABC)------->子(frameA,frameB,frameC)

① 訪問變量名name

假如在frameABC中操作那么可以：

復(fù)制代碼 代碼如下:
window.frames("frameA").contentWindow.name

或者

復(fù)制代碼 代碼如下:
document.getElementById("frameA").contentWindow.name

或者

復(fù)制代碼 代碼如下:
jquery：window.$("#frameA")[0].contentWindow.name

② 訪問方法func

假如在frameABC中操作那么可以：            

復(fù)制代碼 代碼如下:
window.frames("frameA").contentWindow.func();

或者

復(fù)制代碼 代碼如下:
document.getElementById("frameA").contentWindow.func();

或者

復(fù)制代碼 代碼如下:
jquery：window.$("#frameA")[0].contentWindow.func();

③ 訪問子頁面元素:username

假如在frameABC中操作那么可以：            

復(fù)制代碼 代碼如下:
window.frames("frameA").contentWindow.document.getElementById("username");

或者

復(fù)制代碼 代碼如下:
document.getElementById("frameA").contentWindow.document.getElementById("username");

或者

復(fù)制代碼 代碼如下:
jquery：window.$("#frameA")[0].contentWindow.$("#username");

二、 然后從子(frameA,frameB,frameC)------------>到父(frameABC)

① 訪問父頁面變量name,假如在frameA中(子頁面)操作那么可以：

復(fù)制代碼 代碼如下:
window.parent.name;

② 訪問父頁面方法func,假如在frameA中(子頁面)操作那么可以：

復(fù)制代碼 代碼如下:
window.parent.func();

③ 訪問父頁面元素username,假如在frameA中(子頁面)操作那么可以：

復(fù)制代碼 代碼如下:
window.parent.$("#username")

或者：

復(fù)制代碼 代碼如下:
window.parent.document.getElementById("username");

總結(jié)：

frame只是一個頁面框架，要想操作子frame中的元素都需要首先進入到window或者contentWindow。從子頁面訪問父頁面，需要計算好父子關(guān)系，分幾層結(jié)構(gòu)。

在網(wǎng)上看了其他帖子，談到有關(guān)頁面加載的問題。大概意思是在子frame頁面還沒加載出來就進行元素操作，會引起bug，感興趣的朋友可以針對性的測試一下，相信會有新的收獲！

希望本文所述對大家的javascript程序設(shè)計有所幫助。

相關(guān)文章

最新評論