子頁面呼叫父頁面的js方法

阿新 • • 發佈：2019-02-02

1)iframe呼叫父頁面的js

window.parent.freshList();

2)iframe呼叫多層的父頁面的js

以自定義查詢新增查詢條件的頁面newCustom.jsp為例：

var frames=window.parent.parent.window.document.getElementById("operateIframe").

contentWindow.document.getElementById("descriptIframe");
frames.contentWindow.customSearch(queryId);

window.parent 為包含該Ifame(newCustom.jsp)的頁面mainCustom.jsp

window.parent.parent 為彈出查詢條件設定頁面(mainCustom.jsp)的父頁面mainPage.jsp.

window.parent.parent.window.document.getElementById("operateIframe")為獲得mainPage.jsp的iframe的著錄功能的主頁面frame.jsp

window.parent.parent.window.document.getElementById("operateIframe").contentWindow.document.getElementById("descriptIframe")為frame.jsp頁面左側選單樹旁邊的右側顯示查詢結果的表格頁面archivesPage.jsp。

customSearch(queryId)為這個頁面擁有的js，archivesPage.js中的方法。

js父頁面呼叫子頁面的方法以及子頁面呼叫父頁面的方法

父頁面程式碼：子頁面程式碼：效果如下：測試按鈕有效的觸發對應頁面的方法子頁面呼叫父頁面的方法：parent.parentFun();父頁面呼叫子頁面的方法：var childWin=$("#testIframe")[0].contentWindow; c

js中子頁面獲取父頁面引數，子頁面呼叫父頁面方法（一般在iframe頁面用的比較多）

1.子頁面呼叫父頁面的方法或者變數： window.parent.方法()或者變數名 window.parent相當於定位到父頁面之後的操作和在父頁面中寫程式碼一樣寫 window.parent.aa();//調取aa函式 window.parent.bb;//調

angular子頁面呼叫父頁面方法

父頁面html <res-card open-video-play = "openVideoPlay(dataArr,resourceStr,playType)" ></res-card> --ps 注意： open-video-play 為子頁面

chrome瀏覽器 iframe子頁面呼叫父頁面JS函式的問題

今天遇到一個iframe子頁面呼叫父頁面js函式的需求，解決起來很簡單，但是在chrome瀏覽器遇到一點小問題。順便寫一下iframe的父頁面呼叫子頁面javascript函式的方法吧，備用！ 1、iframe子頁面呼叫父頁面js函式子頁面呼叫父頁面函式只需要寫上window.praent就可以了。比如

html iframe 子頁面呼叫父頁面的方法

還是附上程式碼吧。不多說，方便日後檢視父頁面程式碼：<!DOCTYPE html> <html> <head> <title>parents<

MUI關於父子頁面互動之，子頁面呼叫父頁面的方法實現一些功能

業務場景是這樣的需要在子頁面回到父頁面後觸發父頁面的自定義事件我這裡是需要實現一個重新開啟這個子頁面這裡是父頁面初始化操作之後定義的自定義事件 window.addEv

JQuery 主頁面呼叫子頁面()中的JS方法，子頁面呼叫主頁面的JS方法

<script type="text/javascript"> //呼叫子頁面的方法. var childWindow = $("#addFrame")[0].contentWindow; //表示獲取了嵌入在

iframe——html子頁面呼叫父頁面的方法

$(function() { //在iframe子頁面中查詢父頁面元素 alert($('#default', window.parent.document).html());//在iframe中呼叫父

子頁面呼叫父頁面中的dom元素並回傳資訊

當我們在多個頁面間做互動時免不了要進行頁面間的傳值問題,比如說下面就是這個的一個簡單的例子. 在這裡我們採用的是HTML DOM中的Browser 物件,該物件為我們提供了DOM Window物件,通過該物件下的open()方法,我們可以開

小程式學習之旅----slot 子元件呼叫父元件的方法、父元件呼叫子元件的方法

slot子元件  <header title='{{title}}'></header> {{title}} <footer> <button>我是footer子元件裡的按鈕&l

Vue 子元件呼叫父元件的方法

第一步：父元件在子元件上註冊方法 <customer-Avatar ref="customerAvatar" @customerchangeflag='customerchangeflag'></customer-Avatar> 第二步：子元件裡設定何時呼叫

vue之子元件呼叫父元件的方法

遇到一個需求: 如圖,表格是父元件,元件載入的時候,呼叫getAddress()從後臺獲取資料點選編輯按鈕彈出一個框彈出框是子元件,用來編輯表格裡面的資訊,遇到了一個問題,彈框儲存

Java子類呼叫父類構造方法

在Java中，子類的構造過程中，必須呼叫其父類的建構函式，是因為有繼承關係存在時，子類要把父類的內容繼承下來，通過什麼手段做到的？　　答案如下：　　　　當你new一個子類物件的時候，必須首先要new一個父類的對像出來，這個父類物件位於子類物件的內

Java學習筆記——子類呼叫父類屬性方法

父類引用指向子類物件：父類物件： public class Father { public void dance(){ System.out.println("我們愛跳交誼舞！"); } } 子類物件： public class Son ext

子頁面呼叫父頁面的js方法

1)iframe呼叫父頁面的js window.parent.freshList(); 2)iframe呼叫多層的父頁面的js 以自定義查詢新增查詢條件的頁面newCustom.jsp為例： var frames=window.parent.parent.window.do

iframe頁面中父頁面跟子頁面方法的相互呼叫

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

JS 在open開啟的視窗中呼叫父頁面JS方法

function uploadImgFile(id){ window.open("${base}/ajax/picupload.action?parentImgUrlId="+id,"","height=300, width=500, toolba

easyUi彈出window視窗傳值與呼叫父頁面的方法,子頁面給父頁面賦值

<!DOCTYPE html PUBLIC "-/W3C/DTD HTML 4.01 Transitional/EN" "http:/www.w3.org/TR/html4/loose.dtd"> <html&

iframe子頁面與父頁面元素的訪問以及js變量的訪問

++ src 行修改動態 class ria 方法修改左右 1、子頁面訪問父頁面元素 parent.document.getElementById(‘id‘)和document相關的方法都可以這樣用 2、父頁面訪問子頁面元素 document.

js之iframe子頁面與父頁面通信

瀏覽器 cti data pos href 事件 java win 兩種方法 iframe子頁面與父頁面通信根據iframe中src屬性是同域鏈接還是跨域鏈接，通信方式也不同。一、同域下父子頁面的通信父頁面parent.html <html> <h

子頁面呼叫父頁面的js方法

相關推薦