layer子層給父層頁(yè)面元素賦值,以達(dá)到向父層頁(yè)面?zhèn)髦档男Ч麑?shí)例
父層:
jsp中:
//頁(yè)面上添加一個(gè)隱藏的輸入框待用于被子層設(shè)置value,從而將子層的數(shù)據(jù)傳遞到此頁(yè)面
<input type="hidden" id="getValue" name="getValue" value="" />
js代碼:
//設(shè)置function,當(dāng)執(zhí)行時(shí),彈出子窗口并傳遞當(dāng)前窗口名稱
//彈出子窗口(選擇商家) function choseMerchant() { //獲取當(dāng)前窗口名稱 var parentName= window.name; /*(由于用的ssm框架)URL對(duì)應(yīng)的是controller方法,并向其傳遞當(dāng)前窗口名稱,打開(kāi)的窗口顯示頁(yè)面即 為經(jīng)過(guò)controller方法后返回的頁(yè)面*/ var url = root + "/adPosition/choseMerchant?parentName="+ parentName; laySum = parent.layer.open({ //設(shè)置打開(kāi)的子窗口效果 type : 2, title : "選擇商家", shadeClose : true, shade : 0.5, shift : 0, area : [ '40%', '863px' ], content : url, success: function(layero, index){ } }); }
子層:
jsp中:
//頁(yè)面添加的隱藏輸入框,存儲(chǔ)的值是經(jīng)過(guò)controller方法后返回的父窗口名稱,用于區(qū)分,將id設(shè)置為mainIframeName
<input type="hidden" id="mainIframeName" name="mainIframeName" value="${parentName}">
js代碼:
//設(shè)置function,當(dāng)執(zhí)行時(shí),傳值并關(guān)閉當(dāng)前窗口
function setvalue() { //得到“mainIframeName”輸入框中存儲(chǔ)的值 var mainIframeName = $("#mainIframeName").val(); //判斷是否為空或者是未定義 if (mainIframeName != "" && mainIframeName != "undefined") { //此處的ifrc和winc的意義可自行查閱 var ifrc = window.parent.frames[mainIframeName]; var winc = ifrc.window || ifrc.contentWindow; try { //設(shè)置父窗口隱藏輸入框的值為hello world winc.document.getElementById("getValue").value = "hello world!"; } catch (ex) { winc.location.reload(); } } //關(guān)閉當(dāng)前窗口 var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); }
總結(jié):此方法用于子層直接給父層元素賦值,從而達(dá)到傳值的效果,關(guān)鍵點(diǎn)在于需要將父層窗口名稱傳遞到子層中。
以上就是小編為大家?guī)?lái)的layer子層給父層頁(yè)面元素賦值,以達(dá)到向父層頁(yè)面?zhèn)髦档男Ч麑?shí)例的全部?jī)?nèi)容了,希望大家喜歡哦~
如果大家想了解更多游戲活動(dòng)與游戲攻略,請(qǐng)持續(xù)關(guān)注本站,本站小編將在第一時(shí)間為大家?guī)?lái)最好看、最好玩、最新鮮的游戲資訊。更多精彩內(nèi)容,盡在jb51游戲頻道!
相關(guān)文章
使用mouse事件實(shí)現(xiàn)簡(jiǎn)單的鼠標(biāo)經(jīng)過(guò)特效
這篇文章主要介紹了使用mouse事件實(shí)現(xiàn)簡(jiǎn)單的鼠標(biāo)經(jīng)過(guò)特效的方法,需要的朋友可以參考下2015-01-01JavaScript中分號(hào)的一些細(xì)節(jié)
這篇文章主要給大家介紹了關(guān)于JavaScript中分號(hào)的一些細(xì)節(jié),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05淺談JavaScript構(gòu)造樹(shù)形結(jié)構(gòu)的一種高效算法
這篇文章主要介紹了JavaScript構(gòu)造樹(shù)形結(jié)構(gòu)的一種高效算法,對(duì)算法感興趣的同學(xué),可以參考下2021-05-05three.js鏡頭追蹤的移動(dòng)效果實(shí)例
這篇文章主要為大家介紹了three.js鏡頭追蹤的移動(dòng)效果實(shí)例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08JavaScript變量聲明var,let.const及區(qū)別淺析
這篇文章主要介紹了JavaScript變量聲明var,let.const及區(qū)別淺析,需要的朋友可以參考下2018-04-04JS+html5實(shí)現(xiàn)異步上傳圖片顯示上傳文件進(jìn)度條功能示例
這篇文章主要介紹了JS+html5實(shí)現(xiàn)異步上傳圖片顯示上傳文件進(jìn)度條功能,結(jié)合完整實(shí)例形式分析了JavaScript前端結(jié)合HTML5實(shí)現(xiàn)post文件上傳與進(jìn)度條顯示相關(guān)操作技巧,需要的朋友可以參考下2019-11-11一文詳解JavaScript中的相等運(yùn)算符與類型轉(zhuǎn)換
在?JavaScript?編程中,相等運(yùn)算符和類型轉(zhuǎn)換是理解語(yǔ)言行為的關(guān)鍵部分,雖然這些概念看似簡(jiǎn)單,但它們的細(xì)節(jié)可能會(huì)導(dǎo)致意想不到的結(jié)果,本文將深入探討?==?和?===?運(yùn)算符的區(qū)別、對(duì)象比較、以及?JavaScript?中的顯式和隱式類型轉(zhuǎn)換,需要的朋友可以參考下2024-07-07