layer子層給父層頁面元素賦值,以達(dá)到向父層頁面?zhèn)髦档男Ч麑嵗?/h1>

 更新時間：2017年09月22日 13:50:13   作者：YancyMauno  

下面小編就為大家?guī)硪黄猯ayer子層給父層頁面元素賦值,以達(dá)到向父層頁面?zhèn)髦档男Ч麑嵗Ｐ【幱X得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

父層：

jsp中：

//頁面上添加一個隱藏的輸入框待用于被子層設(shè)置value，從而將子層的數(shù)據(jù)傳遞到此頁面

<input type="hidden" id="getValue" name="getValue" value="" />

js代碼：

//設(shè)置function，當(dāng)執(zhí)行時，彈出子窗口并傳遞當(dāng)前窗口名稱

//彈出子窗口（選擇商家）
 function choseMerchant() {

  //獲取當(dāng)前窗口名稱
  var parentName= window.name;

  /*（由于用的ssm框架）URL對應(yīng)的是controller方法，并向其傳遞當(dāng)前窗口名稱，打開的窗口顯示頁面即    
  為經(jīng)過controller方法后返回的頁面*/
  var url = root + "/adPosition/choseMerchant?parentName="+ parentName;

  laySum = parent.layer.open({
   //設(shè)置打開的子窗口效果
   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設(shè)置為mainIframeName

<input type="hidden" id="mainIframeName" name="mainIframeName" value="${parentName}">

js代碼：

//設(shè)置function，當(dāng)執(zhí)行時，傳值并關(guān)閉當(dāng)前窗口

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 {
   //設(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)鍵點在于需要將父層窗口名稱傳遞到子層中。

以上就是小編為大家?guī)淼膌ayer子層給父層頁面元素賦值,以達(dá)到向父層頁面?zhèn)髦档男Ч麑嵗娜績?nèi)容了，希望大家喜歡哦~

如果大家想了解更多游戲活動與游戲攻略，請持續(xù)關(guān)注本站，本站小編將在第一時間為大家?guī)碜詈每础⒆詈猛?、最新鮮的游戲資訊。更多精彩內(nèi)容，盡在jb51游戲頻道！

您可能感興趣的文章:

• layer彈出子iframe層父子頁面?zhèn)髦档膶崿F(xiàn)方法
• 通過layer實現(xiàn)可輸入的模態(tài)框的例子
• 使用layer模態(tài)框給新頁面?zhèn)髦档姆椒?/a>

• layer
• 父層
• 頁面?zhèn)髦?/a>

相關(guān)文章

• 

  關(guān)于動態(tài)執(zhí)行代碼(js的Eval)實例詳解

  下面小編就為大家?guī)硪黄P(guān)于動態(tài)執(zhí)行代碼(js的Eval)實例詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

  2016-08-08
• 

  Bootstrap字體圖標(biāo)無法正常顯示的解決方法

  這篇文章主要為大家詳細(xì)介紹了Bootstrap字體圖標(biāo)無法正常顯示的解決方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下

  2016-10-10
• 

  js保留兩位小數(shù)使用toFixed實現(xiàn)

  直接使用Math.round(x*100)存在一個問題，有時會有很小的誤差，顯示很多位的小數(shù)位，如0.9996*100，就會變成99.96000000000001，我想要的在下面，感興趣的朋友可以參考下哈

  2013-07-07
• 

  JS實現(xiàn)網(wǎng)頁表格自動變大縮小的方法

  這篇文章主要介紹了JS實現(xiàn)網(wǎng)頁表格自動變大縮小的方法,實例分析了javascript操作表格的技巧,具有一定參考借鑒價值,需要的朋友可以參考下

  2015-03-03
• 

  用js實現(xiàn)簡單的tab選項卡

  這篇文章主要為大家詳細(xì)介紹了用js實現(xiàn)簡單的tab選項卡，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

  2021-09-09
• 

  js實現(xiàn)的在本地預(yù)覽圖片功能示例

  這篇文章主要介紹了js實現(xiàn)的在本地預(yù)覽圖片功能,結(jié)合實例形式分析了JavaScript兼容移動web與IE瀏覽器的圖片預(yù)覽功能相關(guān)實現(xiàn)技巧,需要的朋友可以參考下

  2019-11-11
• 

  微信小程序?qū)崿F(xiàn)圓形進(jìn)度條動畫

  這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)圓形進(jìn)度條動畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

  2019-06-06
• 

  ES6中Math對象新增的方法實例詳解

  這篇文章主要介紹了ES6中Math對象新增的方法,結(jié)合實例形式詳細(xì)分析了ES6中Math對象的各種常用數(shù)學(xué)函數(shù)與新增方法相關(guān)使用技巧,需要的朋友可以參考下

  2017-04-04
• 

  微信小程序音樂播放器開發(fā)

  這篇文章主要為大家詳細(xì)介紹了微信小程序音樂播放器開發(fā)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

  2019-11-11
• 

  使用documentElement正確取得當(dāng)前可見區(qū)域的大小

  如何取得當(dāng)前瀏覽器里面可見區(qū)域的大小？其他方法都不適用，只有documentElement才可以,需要的朋友可以參考下

  2014-07-07

最新評論