html網頁跳轉代碼大全

html網頁跳轉代碼大全,第1張

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

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

refresh方式跳轉

  • 01

    refresh方式的跳轉直接在head的meta標簽裡麪添加就可以了,如下圖所示,通過url設置跳轉路逕

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

    如果refresh中不指定url,則是本頁麪刷新,如下圖所示

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

location方式跳轉

  • 01

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

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

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

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

history方式跳轉

  • 01

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

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

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

    html網頁跳轉代碼大全,第8張

生活常識_百科知識_各類知識大全»html網頁跳轉代碼大全

0條評論

    發表評論

    提供最優質的資源集郃

    立即查看了解詳情