首頁 web前端 html教學 a連結重新整理頁面與js刷新頁面用法範例介紹_HTML/Xhtml_網頁製作

a連結重新整理頁面與js刷新頁面用法範例介紹_HTML/Xhtml_網頁製作

May 16, 2016 pm 04:38 PM

1、a鏈接的使用操作:

複製代碼
代碼如下:

回上一頁
刷新目前頁

#top的效果在我這沒起作用,我直接寫的刷新當前頁倒是起作用了。

2.、JS怎麼刷新目前頁面

reload 方法,該方法強迫瀏覽器刷新目前頁面。
語法:location.reload([bForceGet])

參數: bForceGet, 可選參數, 預設為 false,從客戶端快取取目前頁。 true, 則以GET 方式,從服務端取最新的頁面, 相當於客戶端點擊F5("刷新")

replace 方法,該方法通過指定URL替換當前緩存在歷史裡(客戶端)的項目,因此當使用replace方法之後,你不能通過“前進”和“後退”來訪問已經被替換的URL。
語法: location.replace(URL)

在實際應用的時候,重新刷新頁面的時候,我們通常使用: location.reload() 或是 history.go(0) 來做。因為這種做法就像是客戶端點F5刷新頁面,所以頁面的method="post"的時候,會出現"網頁過期"的提示。那是因為Session的安全保護機制。可以想到: 當呼叫 location.reload() 方法的時候, aspx頁面此時在服務端記憶體裡已經存在, 因此必定是 IsPostback 的。如果有這種應用: 我們需要重新載入該頁面,也就是說我們期望頁面能夠在服務端重新被創建, 我們期望是 Not IsPostback 的。這裡,location.replace() 就可以完成此任務。被replace的頁面每次都會在服務端重新產生。

你可以這樣寫: location.replace(location.href);

返回並刷新頁:

複製程式碼
程式碼如下:

location.replace(document.referrer);
document.referrer //前一頁的URL
document.referrer //前一個頁面的URL















不要用history.go(-1),或history.back();來回傳並重新整理頁面,這兩種方法不會重新整理頁面。

附:
Javascript刷新頁面的幾個方法:

1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location. href 自動刷新頁面的方法: 1.頁面自動刷新:把如下程式碼加入區域
其中20指每隔20秒刷新一次頁.
2.頁自動跳轉:把如下碼加入區域

其中20指隔20秒後跳到http://www.wyxg.com頁

3.頁自動刷新js版




複製代碼

代碼如下:
function myrefresh() { window.location.reload();
}
setTimeout('myrefresh()',1000); //指定一秒鐘刷新一次



JS刷新框架的腳本語句





複製程式碼



複製程式碼


複製程式碼
複製程式碼
複製程式碼
複製程式碼複製程式碼複製程式碼複製碼: //如何刷新包含該框架的頁面用 //子視窗刷新父視窗 ( 或刷新 ) //如何刷新另一個框架的頁面用 如果想關閉視窗時刷新或想開窗時刷新的話,在中呼叫以下語句即可。 複製程式碼程式碼如下:

開窗時刷新
關閉時刷新

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗? 公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗? Mar 04, 2025 pm 12:32 PM

公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?

如何使用HTML5表單驗證屬性來驗證用戶輸入? 如何使用HTML5表單驗證屬性來驗證用戶輸入? Mar 17, 2025 pm 12:27 PM

如何使用HTML5表單驗證屬性來驗證用戶輸入?

如何高效地在網頁中為PNG圖片添加描邊效果? 如何高效地在網頁中為PNG圖片添加描邊效果? Mar 04, 2025 pm 02:39 PM

如何高效地在網頁中為PNG圖片添加描邊效果?

< iframe>的目的是什麼。 標籤?使用時的安全考慮是什麼? < iframe>的目的是什麼。 標籤?使用時的安全考慮是什麼? Mar 20, 2025 pm 06:05 PM

< iframe>的目的是什麼。 標籤?使用時的安全考慮是什麼?

< datalist>的目的是什麼。 元素? < datalist>的目的是什麼。 元素? Mar 21, 2025 pm 12:33 PM

< datalist>的目的是什麼。 元素?

< meter>的目的是什麼。 元素? < meter>的目的是什麼。 元素? Mar 21, 2025 pm 12:35 PM

< meter>的目的是什麼。 元素?

HTML5中跨瀏覽器兼容性的最佳實踐是什麼? HTML5中跨瀏覽器兼容性的最佳實踐是什麼? Mar 17, 2025 pm 12:20 PM

HTML5中跨瀏覽器兼容性的最佳實踐是什麼?

使用IFRAME的安全性含義是什麼?如何減輕它們? 使用IFRAME的安全性含義是什麼?如何減輕它們? Mar 18, 2025 pm 02:51 PM

使用IFRAME的安全性含義是什麼?如何減輕它們?

See all articles