1. 程式人生 > >iframe 父頁面與子頁面互相呼叫方法

iframe 父頁面與子頁面互相呼叫方法

HTML:

<iframe src="" name="childframe" id="childframe" style="width:100%;min-height:400px;border:solid 1px #0062d5;" frameborder="0"></iframe>
主要是name屬性

1、父頁面呼叫子頁面函式:

父頁面的程式碼

childframe.window.getpara('' + userid + '');

子頁面程式碼
function getpara(uid) {
    $("#hduid").val(uid);
}

2、子頁面呼叫父頁面函式:
parent.functionName();


3、LHG彈窗

A頁面iframe引用 B頁面,在B頁面彈層C頁面,在C頁面操作完成,應該重新整理B頁面,這時需要藉助A頁面。

(1)、子頁面彈窗,僅僅在iframe裡,佈局不妥,應該使用:

window.parent.$.dialog()
這是在A頁面彈出C頁面的,這時彈層才在頁面的中間。

(2)、C頁面完畢,這時如果想重新整理B頁面,需要藉助A頁面:

下邊是C頁面的程式碼:

var api = frameElement.api, W = api.opener;
W.reloadChild();
下邊是A頁面的程式碼:
function reloadChild() {
    var userid = $("#hduserid").val();//可以無視
    $('#childframe').attr('src', $('#childframe').attr('src'));//動態賦予src的
    $("#childframe").load(function () {//jq監聽iframe載入完畢後
        childframe.window.getpara('' + userid + '');//觸發子頁面方法,獲取uid,上邊已經有了。
    });
}


如果在B頁面直接彈出C的話,用api.reload()就行了

相關推薦

iframe 頁面頁面互相呼叫方法

HTML: <iframe src="" name="childframe" id="childframe" style="width:100%;min-height:400px;border:solid 1px #0062d5;" frameborder="0"&g

iframe頁面頁面之間的元素獲取方法呼叫

父頁面與子頁面之間的元素獲取與方法呼叫: 1、JS 父調子 子調父 元素 window.frames[iframe的name屬性值]; ① window.parent.document.getEle

iframe頁面頁面的互動

<iframe id="child" name="child" src="child.html"></iframe> 1.父頁面獲取子頁面的window物件 var childiframeWin = document.getElementById("child")

【HTML/JS,JQuery】JQuery操作iframe頁面頁面的元素方法

http://www.cnblogs.com/imteach/p/3798375.html JQUERY IFRAME 下面簡單使用Jquery來操作iframe的一些記錄,這個使用純JS也可以實現。 第一、在iframe中查詢父頁面元素的方法: $('#id',

頁面頁面的JS方法互調

iframe     iframe元素也就是文件中的文件 window 物件     瀏覽器會在其開啟一個 HTML 文件時建立一個對應的 window 物件。但是,如果一個文件定義了一個或多個框架(即,包含一個或多個 frame 或 iframe 標籤),瀏覽器就會為

iframe元素獲取頁面的元素

父頁面 <iframe src="iframe.html" id="iframeId" height="150" width="150"></iframe> 子頁面 <div id="div"> iframe頁面 &l

web中頁面頁面傳值的問題

1、父頁面傳值給子頁面 這個問題也就是子頁面如何獲取到父頁面中的值。 方法一、 比如父頁面中有:<input type="hidden" name="id" id="id"

附例項!實現iframe窗體窗體的通訊

歡迎大家前往騰訊雲+社群,獲取更多騰訊海量技術實踐乾貨哦~ 本文由前端林子發表於雲+社群專欄 本文主要會介紹如何基於MessengerJS,實現iframe父窗體與子窗體間的通訊,傳遞資料資訊。同時本文會提供一個可執行的例項程式碼,實現在父窗體中,獲取到來自子窗體的資料

iframe頁面頁面之間互動

1.設定父iframe的高度 var currentHeight = document.body.scrollHeight; var pIframe=$(window.parent.docu

iframe頁面頁面頁面方法的相互呼叫

不廢話,直接上程式碼 父頁面程式碼: <!doctype html> <head>     <title>Parent Page</title>    

iframe頁面頁面的互動

父頁面與子頁面互動 父頁面獲取子頁面的window物件: //原生JS獲取方式: var frameWin = document.getElementById("ifr").contentWi

iframe頁面訪問許可權問題

一、同域 方法呼叫父頁面呼叫子頁面方法:FrameName.window.childMethod(); 子頁面呼叫父頁面方法:parent.window.parentMethod(); DOM元素訪

iframe 框架 頁面界面之間的變量、函數、元素獲取

父頁面 mes 訪問 框架 document ref ie8 對象 bsp 1、獲取頁面上的iframe   1-1、 document.getElementById(‘iframeId‘);   1-2、 window.frames[0]、window.frames[

IFrame頁面頁面的交互

targe fix content ava 所有 屬性獲取 entry 地址 arc 現在在頁面裏面用到iframe的情況越來越少了,但有時還是避免不了,甚至這些頁面之間還需要用js來做交互,那麽這些頁面如何操作彼此的dom呢?下面將會逐步介紹。 1.父頁面操作子頁面

vue引入iframe頁面頁面傳遞數據

methods win export sid hone pos brush gin second 父頁面 <template> <div> <el-button @click=‘btn(index)‘ :class="{‘

JQ頁面子頁面互相呼叫方法、獲取元素

// 子頁面呼叫父頁面 $("#父頁面元素ID", parent.document); //獲取父頁面元素 parent.search(); //呼叫父頁面方法 // 父頁面呼叫子頁面 $("#iframe的ID").contents().find("#iframe中元素ID");

iframe頁面獲取頁面元素方法

網上那些父頁面獲取子頁面元素的方法,無論我怎麼試,就是不行, 然後我就列印$(window.frames["myiframe"])依次找方法: 1.$(window.frames["iframe的id"].contentDocument.documentElement).find(".mycontaine

【jQuery】 jquery 頁面控制頁面IFRAME

** 瀏覽器要求IE ** $(window.parent.document).find("#mainFrame").css("height",""+mainFrameheigth+"px"); 1 jquery取得iframe元素的方法:    收集利用Jquery取得ifram

asp.net 頁面方法執行的順序

頁面基類BasePage,單個頁面Default,及頁面上有一個控制元件Label 第一次測試 子類的CreateControlCollection方法 子類的CreateChildControls方法 父類的CreateChildControls方法 父類的CreateC

jquery操作iframe方法頁面頁面相互操作的方法

今天在弄jquery操作iframe中元素:先由iframe中的子頁面b.html給外面的父頁面a.html頁面傳值,再將a.html頁面計算機的值放到b.html頁面上,這裡就用到子頁面和父頁面相互傳值,相互呼叫更自函式這些功能,這裡我用一個簡單的例子來介紹一下這些方法。