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