酷知百科網

位置:首頁 > 遊戲數碼 > IT技術

html網頁跳轉代碼大全

IT技術1.49W

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

html網頁跳轉代碼大全

refresh方式跳轉

refresh方式的跳轉直接在head的meta標籤裏面添加就可以了,如下圖所示,透過url設定跳轉路徑

html網頁跳轉代碼大全 第2張

如果refresh中不指定url,則是本頁面重新載入,如下圖所示

html網頁跳轉代碼大全 第3張

location方式跳轉

location方式的跳轉需要在js中進行調用,透過調用它下面的href屬性完成跳轉,如下圖所示

html網頁跳轉代碼大全 第4張

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

html網頁跳轉代碼大全 第5張

history方式跳轉

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

html網頁跳轉代碼大全 第6張

同時也可以透過點擊按鈕,在JS中調用history進行跳轉,如下圖所示

html網頁跳轉代碼大全 第7張