html網頁跳轉程式碼大全

我們編寫HTML頁面的時候，經常需要實現頁面之間的跳轉功能。HTML頁面之間的跳轉包括refresh方式跳轉，location方式跳轉，history方式跳轉。下面小編就給大家分別介紹一下這三種跳轉方式。

refresh方式跳轉

refresh方式的跳轉直接在head的meta標籤裡面新增就可以了，如下圖所示，通過url設定跳轉路徑

如果refresh中不指定url，則是本頁面重新整理，如下圖所示

location方式跳轉

location方式的跳轉需要在js中進行呼叫，通過呼叫它下面的href屬性完成跳轉，如下圖所示

另外還可以用setTimeOut為location跳轉指定一個時間，如下圖所示

history方式跳轉

history方式的跳轉可以直接在HTML中寫，如下圖所示

同時也可以通過點選按鈕，在JS中呼叫history進行跳轉，如下圖所示