jquery 父子頁面傳參的解決方案
阿新 • • 發佈:2019-01-06
父頁面相關:
按鈕:
<button class="btn tab btn-default" value="1" id="tz" style="height: 35px;width: 135px;">跳轉</button>
js邏輯:
$('#tz').on('click',function(){ window.open('xxxx?data=1', '_blank', 'height=900, width=1000, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no'); }); function returnDataParam(data){ console.log(data); return data; }
獲取子頁面的url引數
//獲取url引數
function GetQueryString(name) {
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return unescape(r[2]); return null;
}
子頁面傳參:
var data = GetQueryString(data); if(data==1){ var dataParam = { url : 'xxxx', indicators :'xxxx', conditions : 'xxxx' } //條件篩選整理成相關的字串 //獲取資料引數 alert('資料提取成功!'); window.opener.returnDataParam(dataParam); //關閉當前視窗 window.close(); }