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

大家好，欢迎来到IT知识分享网。

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

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前端外包公司-切图网原创，切图网始于2007年，提供高品质的前端开发服务、前端外包、切图外包。欢迎来电咨询！