網頁重新載入：location.reload() 和 href 屬性

瀏覽器的載入網頁物件

每個用熟瀏覽器的人都知道，不管是 Internet Explorer 還是 Navigator，按下 工具列的重讀(or 重新整理)的圖示鈕，就可以將正在瀏覽的網頁重新載入一次。 但如果我們想在網頁中用 Script 操作網頁的重讀動作，那麼我們就必須呼叫瀏覽器 的網頁載入物件 location 來載入網頁。location 是 window 物件的子物件， 所以完整的呼叫方式是 window.location ；但依照 IE 和 NS 兩家慣例，window 的子物件在呼叫時可以直接以物件名稱叫用，不需前面加 window 來表明其 物件階層路徑，因此直接呼叫 location 和呼叫 window.location 意思是一樣的。

location 執行重讀的方式方式

1. 使用 reload() 方法：
   如 location.reload(); 就能使目前瀏覽的網頁重讀一次。
2. 使用 href 屬性：
   我們通常是用 href 來載入新網頁，如 location.href="NewPageURL" 就能把目前瀏覽的網頁換成新網頁，但如果我們讓 href 等於目前我們 正在瀏覽的網頁的 URL ，那就等於把目前網頁又重新載入一次。

一點小分別

雖然 location.reload()、location.href="目前網頁位址" 和瀏覽器工具列的 重讀圖示鈕，大抵上意思差不多，但還是有些小不同如下：

1. 表單輸入資料處理的不同：
   那就是如果你在網頁表單上輸入資料後，如果按工具列的重讀圖示鈕， 那麼表單輸入資料並不會被清除；但如果你使用 location 物件重讀網頁 ，那些輸入會還原成預設值，如同按下 Reset 按鈕一樣。
2. 網頁捲動的不同：
   如果網頁很長，又被瀏覽者捲到很後面，那麼使用 location 物件 重讀網頁會使得網頁重新捲回開頭，但使用工具列的重讀圖示鈕則無此 現象，網頁仍會停留在你更新前的位置。

範例測試

1. 請先在右邊輸入框更改些文字：
2. 按工具列的重讀圖示鈕
3. 分別按下列按鈕：