整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
有兩個(gè)頁面parent.html和child.html，在parent頁面里面通過window.open打開了child頁面，child頁面執(zhí)行完代碼之后想要刷新parent頁面，然后立即查看到修改后的效果，那么我們就要在child里面直接能夠刷新parent頁面，這樣就可以實(shí)現(xiàn)這樣的效果。
1.1打開了parent.html頁面
1.2在parent頁面打開了child頁面
1.3child頁面點(diǎn)擊確定按鈕之后刷新了父頁面parent
2 parent.html內(nèi)容：
<!DOCTYPE html>
<html>
<head>
<title>parents</title>
<meta charset="UTF-8">
<script language="javascript" type="text/javascript">
function openWin() {
window.open('child.html', '_blank','width=500,height=400,top=200,left=400');
}
//定義callback方法，用于回調(diào)
function callback() {
refreshWin();
}
//刷新當(dāng)前頁面
function refreshWin() {
//調(diào)用刷新頁面的方法，刷新當(dāng)前頁面，結(jié)果會(huì)再次彈出222
window.location.reload();
}
//剛記載的時(shí)候彈出222
function show(){
alert(222);
}
</script>
</head>
<body onload="show()">
<input id="btnAdd" type="button" onclick="openWin();" value="添加" />
</body>
</html>
3 child.html內(nèi)容：
<!DOCTYPE html>
<html>
<head>
<title>child</title>
<meta charset="UTF-8">
<script language="javascript" type="text/javascript">
function formSubmit(){
window.opener.callback();//上述執(zhí)行完成后，調(diào)用打開頁面的callback方法，此處是調(diào)用主頁面的callback方法
window.close();//當(dāng)前頁面關(guān)閉
}
</script>
</head>
<body>
<input id="onSub" type="button" onclick="formSubmit();" value="確定">
</body>
</html>
4 通過這樣的操作很容易在子頁面操作父頁面所有的方法，感覺很方便，整理一下供大家參考。
歡迎關(guān)注我的頭條號(hào)，謝謝大家！
項(xiàng)目當(dāng)中如果做新增/修改/刪除等等操作通常情況下都需要刷新數(shù)據(jù)或者刷新當(dāng)前頁面.
通過location.reload和$router.go(0)都可以實(shí)現(xiàn)頁面刷新,它利用瀏覽器刷新功能,相當(dāng)于按下了f5鍵刷新頁面
優(yōu)點(diǎn):足夠簡單
缺點(diǎn):會(huì)出現(xiàn)頁面空白,用戶體驗(yàn)不好
天給大家說一下HTML父頁面調(diào)用iframe子頁面中js變量和方法，
以jQuery為例，假如子iframe為
現(xiàn)在obj為jQuery對(duì)象
獲取子頁面DOM
調(diào)用子頁面js變量和方法
還有一種方法，根據(jù)iframe的name獲取
小編會(huì)不定時(shí)更新前端相關(guān)的知識(shí)，有興趣的話歡迎大家加群142991222一起討論交流學(xué)習(xí)。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
