當前位置:妙知谷 >

遊戲數碼 >IT技術 >

html網頁跳轉代碼大全

html網頁跳轉代碼大全

我們編寫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張
標籤: 跳轉 HTML 網頁 代碼
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/itjishu/ogm1.html