2021年4月20日

jquery打开新窗口window.open和新窗口操作父窗口window.opener


一个项目切图需要用到的,做个笔记。

jquery打开新窗口window.open和新窗口操作父窗口window.opener,支持jquery写法,支持打开窗口带参数,新窗口url获取参数等等。

打开新窗口


function newDialog(id){
var url = 'dialog.html?id='+id;
var iWidth = 260;
var iHeight = 550;
var iTop = (window.screen.height-30-iHeight)/2;
var iLeft = (window.screen.width-10-iWidth)/2;

window.open(url,'newBridge','left='+iLeft+',top='+iTop+',width='+iWidth+',height='+iHeight+',location=no,resizable=yes,status=no,toolbar=no,menubar=no');
}

新窗口操作父窗口


document.getElementById("get_selected_vals").onclick = function (){
//alert(yntree.getValues());

//var windowOpener=window.opener;
var parent=$(window.opener.document);

var id = getQueryString('id');
parent.find('#'+id).val(yntree.getValues());
//windowOpener.location.reload(true);
window.close();
}

获取url参数


//alert(getQueryString('id'));
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}

本文由专业的WEB前端外包公司-切图网原创,转载请保留版权( WEB前端开发外包www.qietu.com切图网始于2007年,提供高品质的前端开发服务、前端外包、切图外包。欢迎来电咨询!热线:027-81777732、13343477732