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

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

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

父窗口的JS代碼：

// 打開(kāi)上傳文件窗口
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;  
}  
  
// 此方法將會(huì)被子窗口調(diào)用
function testfun(params){  
    alert("來(lái)自子窗口的參數(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;  
    // 關(guān)閉窗口
    window.close();  
}

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/104182.html

相關(guān)文章

《JavaScript 闖關(guān)記》之 BOM

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

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

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

Miracle_lihb 2019-08-26 11:56 評(píng)論0 收藏0
「轉(zhuǎn)載」window.open詳解（javascript彈出頁(yè)面）

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

xingpingz 2019-08-21 10:20 評(píng)論0 收藏0
20170616-跨域

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

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

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

or0fun 2019-05-23 12:19 評(píng)論0 收藏0