html主页面和子页面的关联,jQuery使用模式窗口实现在主页面和子页面中互相传值的方法...

本文实例讲述了jQuery使用模式窗口实现在主页面和子页面中互相传值的方法。分享给大家供大家参考，具体如下：

主面面：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

function openWindow() {

var oldValue = { Name:$("#Name").val(),Age:$("#Age").val() };

var result = popModal("window.html", 300, 200, oldValue);

if (result!=null && typeof (result) != "undefined") {

$("#Name").val(result.Name);

$("#Age").val(result.Age);

}

}

//=====================================================================

//作 者：yenange , 20120525

//功能说明: 弹出一个模式窗口 (测试：IE6/7/8 和 Firefox 正常， Chrome可以弹出， 但长宽有变而且不是模式， 它本身不支持)

//输入参数: 路径,宽度,高度,参数(可选)

function popModal(url, width, height, parameter ) {

var feature = 'dialogWidth=' + width+'px'

+ ';dialogHeight=' + height + 'px'

+ ';dialogTop=' + (screen.height - height) / 2 + 'px'

+ ';dialogLeft=' + (screen.width - width) / 2 + 'px'

+ ';help:no;resizable:no;status=no;scroll:no';

if(typeof(parameter)=="undefined")

return window.showModalDialog(url, feature);

else

return window.showModalDialog(url, parameter, feature);

}

//=====================================================================

//功能说明: 弹出一个窗口

//输入参数: 路径,窗口名称,宽度,高度

function pop(helpurl, windowName, width, height) {

var feature ='width=' + width

+ ',height=' + height

+ ',top=' + (screen.height - height) / 2

+ ',left=' + (screen.width - width) / 2

+',toolbar=no,menubar=no,scrollbars=yes,resizable=no,location=no,status=no';

window.open(helpurl, windowName, feature);

}

子页面：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

$(function () {

var param = window.dialogArguments;

$("#Name").val(param.Name);

$("#Age").val(param.Age);

});

function closeWindow() {

var result = {};

result.Name = $("#Name").val();

result.Age = $("#Age").val();

window.returnValue = result;

window.close();

}

希望本文所述对大家jQuery程序设计有所帮助。