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