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頁面上,這裡就用到子頁面和父頁面相互傳值,相互呼叫更自函式這些功能,這裡我用一個簡單的例子來介紹一下這些方法。