javascript關(guān)于open.window子頁面執(zhí)行完成后刷新父頁面的問題分析
更新時(shí)間：2015年04月27日 09:51:38 作者：AugustTrace
這篇文章主要介紹了javascript關(guān)于open.window子頁面執(zhí)行完成后刷新父頁面的問題,實(shí)例分析了javascript操作子頁面的執(zhí)行與父頁面的刷新技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
本文實(shí)例分析了javascript關(guān)于open.window子頁面執(zhí)行完成后刷新父頁面的方法。分享給大家供大家參考。具體分析如下：
主頁面：
<input id="btnAdd" type="button" onclick="openWin();" value="添加" />
在js中有如下代碼：
function openWin() {
window.open('addInfo.jsp', '_blank',
'width=300,height=400,top=200,left=400');
}
//定義callback方法，用于回調(diào)
function callback() {
refreshWin();
}
//刷新當(dāng)前頁面
function refreshWin() {
//調(diào)用刷新頁面的方法，此處RefreshSocket為刷新頁面對應(yīng)的方法
//也就是說，如果頁面有個(gè)刷新按鈕，
//則點(diǎn)擊按鈕提交的類名就是此處的類名
var url = 'RefreshSocket';
window.location.href = url;
}
在addInfo.jsp頁面有如下代碼：
<form name="form" action="AddSocket" method="get"> <input id="onSub" type="button" onclick="formSubmit();" value="確定"> </form>
function formSubmit(){
this.form.submit();
//提交action到AddSocket類
window.opener.callback();
//上述執(zhí)行完成后，調(diào)用打開頁面的callback方法，
//此處是調(diào)用主頁面的callback方法
window.close();//當(dāng)前頁面關(guān)閉
}
另外，如果是像刪除這樣的操作，直接從一個(gè)jsp跳轉(zhuǎn)到一個(gè)類中，在類中執(zhí)行一系列操作后，如果想刷新當(dāng)前頁面，那么，可以直接在類中書寫跳轉(zhuǎn)語句即可，如下所示：
主頁面mainPage.jsp：
//刪除操作關(guān)聯(lián)后臺(tái)的DeleteSocket類，如果要傳參數(shù)，用?即可 window.location.href = DeleteSocket
DeleteSocket類頁面：
復(fù)制代碼 代碼如下:
//執(zhí)行一系列操作后，可以直接書寫JavaScript代碼
//寫完這句話后就可以直接跳轉(zhuǎn)到主頁面并刷新主頁面
//寫完這句話后就可以直接跳轉(zhuǎn)到主頁面并刷新主頁面
out.print("<script type='text/javascript'>location.href='mainPage.jsp'</script>");
希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
innerHTML 屬性的使用非常流行，因?yàn)樗峁┝撕唵蔚姆椒ㄍ耆娲粋€(gè) HTML 元素的內(nèi)容。另外一個(gè)方法是使用 DOM Level 2 API（removeChild, createElement, appendChild）。但很顯然，使用 innerHTML 修改 DOM tree 是非常容易且有效的方法。2008-06-06
JavaScript高級(jí)程序設(shè)計(jì) XML、Ajax 學(xué)習(xí)筆記
JavaScript高級(jí)程序設(shè)計(jì) XML、Ajax 學(xué)習(xí)筆記,需要的朋友可以參考下。2011-09-09
JavaScript一種沒有類的，面向?qū)ο蟮恼Z言，它使用原型繼承來代替類繼承。2010-11-11
支付寶小程序從手動(dòng)埋點(diǎn)到自動(dòng)埋點(diǎn)的實(shí)現(xiàn)過程
埋點(diǎn)的意思是在你想要的數(shù)據(jù)節(jié)點(diǎn)出進(jìn)行設(shè)置,可以方便進(jìn)行采集,下面這篇文章主要給大家介紹了關(guān)于支付寶小程序從手動(dòng)埋點(diǎn)到自動(dòng)埋點(diǎn)的相關(guān)資料,需要的朋友可以參考下2022-03-03
這篇文章主要介紹了javascript繼承體系的相關(guān)資料,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了微信小程序后臺(tái)持續(xù)定位功能使用詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
css文件可以用js 動(dòng)態(tài)修改，在做一些交互動(dòng)作時(shí)，非常實(shí)用，下面是具體示例，大家可以看看2014-08-08
js 實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn)示例解析
這篇文章主要為大家介紹了js實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
這篇文章主要為大家詳細(xì)介紹了十大熱門的JavaScript框架和庫，前端必備，感興趣的小伙伴們可以參考一下2017-03-03
JS實(shí)現(xiàn)手機(jī)號(hào)脫敏的方法詳解
脫敏指的是通過特定的技術(shù)手段對敏感數(shù)據(jù)進(jìn)行處理,使其不再直接暴露給用戶或系統(tǒng),防止敏感信息泄露,通常在測試、開發(fā)、數(shù)據(jù)處理等場景中使用,本文給大家介紹了JS實(shí)現(xiàn)手機(jī)號(hào)脫敏的方法,需要的朋友可以參考下2025-03-03