時間太晚了,就水一篇簡單點的博文吧。寫一寫利用 js 腳本來刷新頁面的幾種常用方法!

js reload() 方法來刷新網頁

reload():方法用于重新加載當前文檔。

語法:

location.reload(force);

參數:

国产视频appforce:可選參數, 默認為 false,從客戶端緩存里取當前頁。如設置為 true 則從服務器拉取頁面,相當于 F5 刷新!

注意:

在頁面含有 post 提交的 from 表單時,如果使用 location.reload() 來刷新頁面,當能會造成重復提交或一些其它的狀態,個人使用時要注意!

例:

<html>
<head>
</head>
<body>
<input type="button" value="點擊我刷新頁面" onclick="reloadPage()" />
<p>飛鳥慕魚博客</p>
<script type="text/javascript">
    function reloadPage() {
        window.location.reload()
    }
</script>
</body>
</html>

js replace() 方法來刷新網頁

replace():可通過指定的URL來替換當前的頁面,需要注意的是,使用此方法之后,瀏覽器的“前進”和“后退”可能會失效!

語法:

location.replace(URL)

注意:

replace() 方法刷新頁面時,會從服務器重新拉取頁面,可以在一些含有 from 表單的頁面中使用!

例1:js 刷新成別一個頁面:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<input type="button" value="點擊訪問我的博客" onclick="replaceDoc()">
<p>飛鳥慕魚博客</p>
<script>
    function replaceDoc() {
        window.location.replace("http://xswdd.cn")
    }
</script>
</body>
</html>

例2:js 刷新當前頁面

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<input type="button" value="點擊刷新頁面" onclick="replaceDoc()">
<p>飛鳥慕魚博客</p>
<script>
    function replaceDoc() {
        location.replace(location.href);
    }
</script>
</body>
</html>

js 刷新頁面的其它方法

<script>
history.go(0) //刷新當前頁
history.go(1) //返回上一頁
location.reload()
location = location
location.assign(location)
document.execCommand('Refresh')
window.navigate(location)
location.replace(location)
document.URL = location.href
</script>

Js 刷新框架頁的代碼

<script>
window.parent.frames[1].location.reload();
window.parent.frames.bottom.location.reload();
window.parent.frames["bottom"].location.reload();
window.parent.frames.item(1).location.reload();
window.parent.frames.item('bottom').location.reload();
window.parent.bottom.location.reload();
window.parent['bottom'].location.reload();
</script>

頁面開窗口或關閉時自動刷新

<body onload="opener.location.reload()"> 開窗時刷新 
<body onUnload="opener.location.reload()"> 關閉時刷新 
<script language="javascript"> 
window.opener.document.location.reload() 
</script>