JavaScript 重新整理頁面

突然發現蛙齋的JavaScript分類中的文章只有三篇,但對於小蛙的工作來說JavaScript也算是重要的一環,還是記錄一下以後查找方便。這篇主要是記錄網路上查到的一些關於「重新整理頁面」的資料。

在《Javascript刷新頁面的幾種方法 @ 玲瓏天空》一開頭就直接寫明了重新整理頁面的方法,整篇文章也很細心的列出一些常用的情況。

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

上面的八種方法小蛙並沒有一個一個測試,只找了符合自己使用情況的方法,例如:小蛙有一個編輯頁面上有多選欄位、單選欄位、文字欄位 … 等,這些資料原本就已經有值了(從資料庫撈出來),而有一個重填按鈕,點了之後將頁面設定為尚未編輯前的資料,也就是如果原本多選欄位選了五個,編輯時把全部取消勾選,後來發現想要恢復原始設定點了重填按鈕,希望可以回復原始資料(跟新增時的重填不同,新增時的重填只要清空即可),好吧!這裡可能寫的有點複雜,總而言之最偷懶的方法就是讓頁面變成第一次載入時的狀況,於是小蛙直接用JavaScript的重新整理。
常看到的重新整理大概是location.reload();,但做了之後發現,原本被修改過的欄位並不會回復到原始狀況,就是說上面取消的五個多選欄位,並不會恢復成勾選狀態,之後試了location=location可以達到這個要求。有點像是F5(重新整理)跟Ctrl+F5(強制重新整理)的差別,location.reload();跟小蛙直接點F5一樣結果,而location=location的結果跟Ctrl+F5相同。
後來小蛙在《请问如何区别window.location.Reload()和window.location.href=window.location.href;》這個討論串中找到了為什麼location.reload();不能的答案

flyerwing :
定义和用法
reload() 方法用于重新加载当前文档。
语法
location.reload(force)说明
如果该 方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变,reload() 会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。
如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。
好象是说:
如果window.loacation.reload(true)==window.location.href=”xxx.xx”;

馬上試了一下,果然把location.reload();改成location.reload(true);就可以了!

    發佈留言

    發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

    這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料