JS實(shí)現(xiàn)刷新父頁(yè)面不彈出提示框的方法
本文實(shí)例講述了JS實(shí)現(xiàn)刷新父頁(yè)面不彈出提示框的方法。分享給大家供大家參考，具體如下：
A頁(yè)面 open方式出 B頁(yè)面 ，當(dāng)B頁(yè)面做了類如保存動(dòng)作后，需要關(guān)閉B頁(yè)面，刷新A頁(yè)面的情況下，會(huì)彈出一個(gè)提示框，要求點(diǎn)重試，這個(gè)就是發(fā)生預(yù)料之外的情況，用戶體驗(yàn)很差。
解決方案分兩種情況：
1、A頁(yè)面很簡(jiǎn)單的情況（沒(méi)有frame/iframe)
在B頁(yè)面中的function中：
function close(){
window.opener.location.reload();
window.opener = null;
window.open('','_self');
window.close();
}
就可以了。
2、A頁(yè)面元素有點(diǎn)復(fù)雜，帶框架等：
需求：B頁(yè)面想刷新A頁(yè)面的
在B頁(yè)面中的function中直接調(diào)用A頁(yè)面中的function，拿最常見(jiàn)的A為列表頁(yè)，B為新增頁(yè)來(lái)說(shuō)：
A頁(yè)面里有個(gè)查詢按鈕，可以查出所有的列表，我們?cè)贐頁(yè)面中就來(lái)觸發(fā)這個(gè)function即可：
function close(){
window.opener.queryAll(); //queryAll()為A頁(yè)面的查詢function
window.close();
}
需要注意的是如果是同一頁(yè)的frame A 跳到 frameB ，不是用opener，而是用parent
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫(huà)特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
本文向我們簡(jiǎn)單介紹了javascript中自定義模板的2種方法，圖文并茂，十分詳細(xì)，這里推薦給小伙伴們。2015-01-01
借用Google的Javascript API Loader來(lái)加速你的網(wǎng)站
加速頁(yè)面加載速度有一個(gè)方法就是把CSS和JS文件放到另外一個(gè)單獨(dú)的服務(wù)器上，這樣在訪問(wèn)量比較大的情況下可以分擔(dān)主服務(wù)器的壓力2009-01-01
JS解決position:sticky的兼容性問(wèn)題的方法
本篇文章主要介紹了JS解決position:sticky的兼容性問(wèn)題的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
這篇文章主要介紹了微信UnionID作用，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要為大家詳細(xì)介紹了多種方式實(shí)現(xiàn)js圖片預(yù)覽,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
JavaScript必知必會(huì)(五) eval 的使用
這篇文章主要介紹了JavaScript必知必會(huì)(五) eval 的使用 的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
JS,Jquery獲取select,dropdownlist,checkbox下拉列表框的值(示例代碼)
本篇文章主要是對(duì)JS,Jquery獲取select,dropdownlist,checkbox下拉列表框的值(示例代碼)進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
這篇文章主要給大家介紹了關(guān)于前端技巧之js-md5的簡(jiǎn)單使用,js-md5是一種前端加密算法,用于在前端對(duì)密碼等敏感信息進(jìn)行加密,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12
JavaScript計(jì)算器網(wǎng)頁(yè)版實(shí)現(xiàn)代碼分享
這篇文章主要為大家詳細(xì)介紹了JavaScript計(jì)算器網(wǎng)頁(yè)版實(shí)現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-07
不使用XMLHttpRequest實(shí)現(xiàn)異步加載 Iframe和script
運(yùn)用Iframe和script可以實(shí)現(xiàn)簡(jiǎn)單的異步加載,沒(méi)有使用XMLHttpRequest，需要的朋友可以參考下2012-10-10