jQuery使用模式窗口實(shí)現(xiàn)在主頁(yè)面和子頁(yè)面中互相傳值的方法
更新時(shí)間：2016年03月01日 10:42:05 作者：yenange
這篇文章主要介紹了jQuery使用模式窗口實(shí)現(xiàn)在主頁(yè)面和子頁(yè)面中互相傳值的方法,涉及jQuery模式窗口及參數(shù)傳遞相關(guān)技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery使用模式窗口實(shí)現(xiàn)在主頁(yè)面和子頁(yè)面中互相傳值的方法。分享給大家供大家參考，具體如下：
主面面：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
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
//功能說(shuō)明: 彈出一個(gè)模式窗口 （測(cè)試：IE6/7/8 和 Firefox 正常， Chrome可以彈出， 但長(zhǎng)寬有變而且不是模式， 它本身不支持）
//輸入?yún)?shù): 路徑,寬度,高度,參數(shù)(可選)
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);
}
//=====================================================================
//功能說(shuō)明: 彈出一個(gè)窗口
//輸入?yún)?shù): 路徑,窗口名稱,寬度,高度
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);
}
</script>
</head>
<body>
<div>
名字<input id="Name" type="text" /><br />
年齡<input id="Age" type="text" /><br />
<input id="Button1" type="button" value="打開模式窗口" onclick="openWindow()" />
</div>
</body>
</html>
子頁(yè)面：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(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();
}
</script>
</head>
<body>
<div>
名字<input id="Name" type="text" /><br />
年齡<input id="Age" type="text" /><br />
<input id="Button1" type="button" value="關(guān)閉模式窗口" onclick="closeWindow()" />
</div>
</body>
</html>
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery操作xml技巧總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動(dòng)畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- jQuery簡(jiǎn)單實(shí)現(xiàn)頁(yè)面元素置頂時(shí)懸浮效果示例
- jquery懸浮提示框完整實(shí)例
- jquery-tips懸浮提示插件分享
- jquery鼠標(biāo)放上去顯示懸浮層即彈出定位的div層
- 使用jQuery UI的tooltip函數(shù)修飾title屬性的氣泡懸浮框
- 自定義一個(gè)jquery插件[鼠標(biāo)懸浮時(shí)候 出現(xiàn)說(shuō)明label]
- jQuery鼠標(biāo)懸浮鏈接彈出跟隨圖片實(shí)例代碼
- JQuery 實(shí)現(xiàn)的頁(yè)面滾動(dòng)時(shí)浮動(dòng)窗口控件
- 使用jQuery或者原生js實(shí)現(xiàn)鼠標(biāo)滾動(dòng)加載頁(yè)面新數(shù)據(jù)
- jQuery結(jié)合AJAX之在頁(yè)面滾動(dòng)時(shí)從服務(wù)器加載數(shù)據(jù)
- jQuery實(shí)現(xiàn)頁(yè)面下拉100像素出現(xiàn)懸浮窗口的方法
相關(guān)文章
這篇文章主要介紹的是自己用jQuery寫了一個(gè)圖片的馬賽克消失效果實(shí)現(xiàn)過(guò)程,需要的朋友可以參考下2014-05-05
找了個(gè)時(shí)間看了下EasyUI插件，對(duì)它的插件感覺(jué)是很舒服，特地把Easy UI的大部分功能屬性做了一下匯總。使用easyUI的朋友可以收藏下。2011-01-01
asp.net下使用jquery 的ajax+WebService+json 實(shí)現(xiàn)無(wú)刷新取后臺(tái)值的實(shí)現(xiàn)代碼
asp.net下使用jquery 的ajax+WebService+json 實(shí)現(xiàn)無(wú)刷新取后臺(tái)值的實(shí)現(xiàn)代碼 ，比頁(yè)面刷新更好，用戶體驗(yàn)更好，需要的朋友可以參考下。2010-09-09
jQuery實(shí)現(xiàn)點(diǎn)擊關(guān)注和取消功能
點(diǎn)贊，網(wǎng)絡(luò)用語(yǔ)，表示“贊同”、“喜愛”。今天小編通過(guò)實(shí)例代碼給大家分享jQuery實(shí)現(xiàn)點(diǎn)擊關(guān)注和取消功能，需要的朋友參考下吧2017-07-07
jQuery實(shí)現(xiàn)導(dǎo)航高亮的方法【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)導(dǎo)航高亮的方法,涉及針對(duì)鼠標(biāo)事件的相應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)變換的相關(guān)操作技巧,并附帶demo源碼供讀者下載,需要的朋友可以參考下2016-11-11
jQuery UI Dialog 創(chuàng)建友好的彈出對(duì)話框?qū)崿F(xiàn)代碼
jQuery UI Dialog是jQuery UI的彈出對(duì)話框組件，使用它可以創(chuàng)建各種美觀的彈出對(duì)話框；它可以設(shè)置對(duì)話框的標(biāo)題、內(nèi)容，并且使對(duì)話框可以拖動(dòng)、調(diào)整大小、及關(guān)閉；平常主要用來(lái)替代瀏覽囂自帶的alert、confirm、open等方法2012-04-04
jQuery實(shí)現(xiàn)炫麗的3d旋轉(zhuǎn)星空效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)炫麗的3d旋轉(zhuǎn)星空效果,涉及jQuery數(shù)值運(yùn)算與頁(yè)面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
jquery ui dialog實(shí)現(xiàn)彈窗特效的思路及代碼
這篇文章介紹了jquery ui dialog實(shí)現(xiàn)彈窗特效的思路及代碼，有需要的朋友可以參考一下2013-08-08
這篇文章主要介紹了基于jQuery的checkbox全選問(wèn)題,結(jié)合實(shí)例形式分析了jQuery實(shí)現(xiàn)全選功能中遇到的問(wèn)題與相應(yīng)的解決方法,需要的朋友可以參考下2016-11-11
JQuery將字符串轉(zhuǎn)為json對(duì)象的四種方法
本文主要介紹了JQuery將字符串轉(zhuǎn)為json對(duì)象的四種方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04