這篇文章主要介紹了javascript關(guān)于open.window子頁(yè)面執(zhí)行完成后刷新父頁(yè)面的問(wèn)題,實(shí)例分析了javascript操作子頁(yè)面的執(zhí)行與父頁(yè)面的刷新技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

本文實(shí)例分析了javascript關(guān)于open.window子頁(yè)面執(zhí)行完成后刷新父頁(yè)面的方法。分享給大家供大家參考。具體分析如下：

主頁(yè)面：

<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)前頁(yè)面
function refreshWin() {
//調(diào)用刷新頁(yè)面的方法，此處RefreshSocket為刷新頁(yè)面對(duì)應(yīng)的方法
//也就是說(shuō)，如果頁(yè)面有個(gè)刷新按鈕，
//則點(diǎn)擊按鈕提交的類名就是此處的類名
var url = 'RefreshSocket';
window.location.href = url;
}

在addInfo.jsp頁(yè)面有如下代碼：

<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)用打開(kāi)頁(yè)面的callback方法，
//此處是調(diào)用主頁(yè)面的callback方法
window.close();//當(dāng)前頁(yè)面關(guān)閉
}

另外，如果是像刪除這樣的操作，直接從一個(gè)jsp跳轉(zhuǎn)到一個(gè)類中，在類中執(zhí)行一系列操作后，如果想刷新當(dāng)前頁(yè)面，那么，可以直接在類中書寫跳轉(zhuǎn)語(yǔ)句即可，如下所示：

主頁(yè)面mainPage.jsp：

//刪除操作關(guān)聯(lián)后臺(tái)的DeleteSocket類，如果要傳參數(shù)，用?即可
window.location.href = DeleteSocket

DeleteSocket類頁(yè)面：

復(fù)制代碼代碼如下:

//執(zhí)行一系列操作后，可以直接書寫JavaScript代碼
//寫完這句話后就可以直接跳轉(zhuǎn)到主頁(yè)面并刷新主頁(yè)面

out.print("<script type='text/javascript'>location.href='mainPage.jsp'</script>");

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

抖音上用記事本編寫愛(ài)心小程序教程
這篇文章主要為大家詳細(xì)介紹了抖音上用記事本編寫"愛(ài)心"小程序教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-04-04
微信小程序分享小程序碼的生成（帶參數(shù)）以及參數(shù)的獲取
這篇文章主要介紹了微信小程序分享小程序碼的生成（帶參數(shù)）以及參數(shù)的獲取，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-03-03
JavaScript實(shí)現(xiàn)仿新浪微博大廳和騰訊微博首頁(yè)滾動(dòng)特效源碼
最近看到朋友用JavaScript實(shí)現(xiàn)仿新浪微博大廳和未登錄騰訊微博首頁(yè)滾動(dòng)效果，朋友使用jquery實(shí)現(xiàn)的，在網(wǎng)上看到有用js制作的也比較好，于是把我的內(nèi)容整理分享給大家，具體詳解請(qǐng)看本文
2015-09-09
JS實(shí)現(xiàn)文件動(dòng)態(tài)順序載入的方法
這篇文章主要介紹了JS實(shí)現(xiàn)文件動(dòng)態(tài)順序載入的方法,實(shí)例分析了基于Mootools框架實(shí)現(xiàn)動(dòng)態(tài)載入的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
詳解關(guān)于webpack多入口熱加載很慢的原因
這篇文章主要介紹了詳解關(guān)于webpack多入口熱加載很慢的原因，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2019-04-04
原生JS面向?qū)ο髮?shí)現(xiàn)打磚塊小游戲
這篇文章主要為大家詳細(xì)介紹了原生JS面向?qū)ο髮?shí)現(xiàn)打磚塊小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-09-09
JS時(shí)間戳轉(zhuǎn)換為常用時(shí)間格式的三種方式
我們?cè)陂_(kāi)發(fā)中經(jīng)常需要把時(shí)間戳轉(zhuǎn)化成日期格式,下面這篇文章主要給大家介紹了關(guān)于JS時(shí)間戳轉(zhuǎn)換為常用時(shí)間格式的三種主要方式,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-04-04
webpack配置打包后圖片路徑出錯(cuò)的解決
本篇文章主要介紹了webpack配置打包后圖片路徑出錯(cuò)的解決，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-04-04
JS圖片懶加載技術(shù)實(shí)現(xiàn)過(guò)程解析
這篇文章主要介紹了JS圖片懶加載技術(shù)實(shí)現(xiàn)過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-07-07
通過(guò)webpack引入第三方庫(kù)的方法
這篇文章主要介紹了通過(guò)webpack引入第三方庫(kù)的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-07-07