2分鐘通過javascript的opener方式實現(xiàn)調(diào)用父窗口方法示例

mumumu 發(fā)布于2019-08-23 17:20 / 2570人閱讀

摘要：父窗口的代碼打開上傳文件窗口里面的參數(shù)詳情，查看，更系統(tǒng)的詳情資源此方法將會被子窗口調(diào)用來自子窗口的參數(shù)子窗口代碼使用后的子窗口調(diào)用父窗口方法代碼調(diào)用父窗口方法直接操作父窗口元素如賦值關閉窗口

父窗口的JS代碼：

// 打開上傳文件窗口
function uploadImgFile(id){  
    // open里面的參數(shù)詳情，查看MDN，更系統(tǒng)的詳情資源
    window.open("${base}/ajax/picupload.action?parentImgUrlId="+id,"","height=300, width=500, toolbar =no, menubar=no, scrollbars=yes, resizable=no, location=no, status=no");  
    //document.getElementById(id).value = someValue;  
}  
  
// 此方法將會被子窗口調(diào)用
function testfun(params){  
    alert("來自子窗口的參數(shù)："+params);  
}

子窗口JS代碼：

使用window.open后的子窗口調(diào)用父窗口方法代碼

// 調(diào)用父窗口方法
function setParentImgUrl(){  
    window.opener.testfun("children");  

    // 直接操作父窗口dom元素 如賦值
    // window.opener.document.getElementById("${parentImgUrlId}").value = document.getElementById("img_url").value;  
    // 關閉窗口
    window.close();  
}

云服務器 GPU云服務器 php 調(diào)用父方法 java調(diào)用父類方法調(diào)用JavaScript方法 javascript實現(xiàn)方法

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/104182.html

《JavaScript 闖關記》之 BOM

摘要：對象的核心對象是，它表示瀏覽器的一個實例。及更高版本不會拋出錯誤。與框架有關的最后一個對象是，它始終指向實際上，和對象可以互換使用。設置值說明或表示瀏覽器窗口是否最大化。僅限數(shù)值表示新窗口的高度。 ECMAScript 是 JavaScript 的核心，但如果要在 Web 中使用 JavaScript，那么 BOM（瀏覽器對象模型）則無疑才是真正的核心。BOM 提供了很多對象，用于訪問...

馬忠志 2019-08-20 12:06 評論0 收藏0
瀏覽器父子窗口間通信

摘要：父子間窗口通信分兩種情況父子窗口同源瀏覽器的同源策略還沒了解到就請自行了。父窗口向子窗口通信子窗口是由父窗口創(chuàng)建的。父子窗口不同源這種情況下父子窗口要通信就需要借助的功能了。父子窗口通信需求背景最近在實現(xiàn)一個關聯(lián)谷歌賬戶的需求。看到網(wǎng)上的大部分涉及前端方面的實現(xiàn)都有這么個OAuth標準下的流程: 打開一個子窗口在子窗口重定向到授權頁用戶點擊授權按鈕用戶授權后授權頁會重定向到...

Miracle_lihb 2019-08-26 11:56 評論0 收藏0
「轉載」window.open詳解（javascript彈出頁面）

摘要：寫成一行參數(shù)解釋腳本開始彈出新窗口的命令彈出窗口的文件名彈出窗口的名字不是文件名，非必須，可用空代替窗口高度窗口寬度窗口距離屏幕上方的象素值窗口距離屏幕左側的象素值是否顯示工具欄，為顯示，表示菜單欄和滾動欄。 Window.Open詳解2006年11月09日 12:14 Window.Open詳解一、window.open()支持環(huán)境： JavaScript1.0+/JScript...

xingpingz 2019-08-21 10:20 評論0 收藏0
20170616-跨域

摘要：同源策略瀏覽器出于安全方面的考慮，不同源的客戶端腳本在沒有明確授權的情況下，不能讀寫對方的資源。傳回后回調(diào)函數(shù)立即執(zhí)行參數(shù)是后端產(chǎn)生的數(shù)據(jù)從而實現(xiàn)相應的功能。同源策略瀏覽器出于安全方面的考慮，不同源的客戶端腳本在沒有明確授權的情況下，不能讀寫對方的資源。同源指的是：同協(xié)議同域名同端口作用：保證用戶信息的安全，防止惡意的網(wǎng)站竊取數(shù)據(jù) 例1：A網(wǎng)站是一家銀行，用戶登錄以...

Jinkey 2019-08-20 17:18 評論0 收藏0
前端工具函數(shù)

摘要：將一級的數(shù)據(jù)結構處理成樹狀數(shù)據(jù)結構處理成樹狀結構，一般就是需要節(jié)點和父節(jié)點標識，或者需要考慮以哪個節(jié)點為根節(jié)點生成樹結構數(shù)據(jù)使用示例代碼將一級的數(shù)據(jù)結構處理成樹狀數(shù)據(jù)結構字段名稱比如父字段名稱比如根節(jié)點的父字段的值需要處理的數(shù)據(jù)是否將一級的數(shù)據(jù)結構處理成樹狀數(shù)據(jù)結構處理成樹狀結構，一般就是需要節(jié)點和父節(jié)點標識，或者需要考慮以哪個節(jié)點為根節(jié)點生成樹結構數(shù)據(jù) // 使用示例代碼： list...

or0fun 2019-05-23 12:19 評論0 收藏0