我們編寫HTML頁(yè)面的時(shí)候，經(jīng)常需要實(shí)現(xiàn)頁(yè)面之間的跳轉(zhuǎn)功能。HTML頁(yè)面之間的跳轉(zhuǎn)包括refresh方式跳轉(zhuǎn)，location方式跳轉(zhuǎn)，history方式跳轉(zhuǎn)。下面小編就給大家分別介紹一下這三種跳轉(zhuǎn)方式。

refresh方式跳轉(zhuǎn)

• 01

  refresh方式的跳轉(zhuǎn)直接在head的meta標(biāo)簽里面添加就可以了，如下圖所示，通過(guò)url設(shè)置跳轉(zhuǎn)路徑

  
• 02

  如果refresh中不指定url，則是本頁(yè)面刷新，如下圖所示

  

location方式跳轉(zhuǎn)

• 01

  location方式的跳轉(zhuǎn)需要在js中進(jìn)行調(diào)用，通過(guò)調(diào)用它下面的href屬性完成跳轉(zhuǎn)，如下圖所示

  
• 02

  另外還可以用setTimeOut為location跳轉(zhuǎn)指定一個(gè)時(shí)間，如下圖所示

  

history方式跳轉(zhuǎn)

• 01

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

  
• 02

  同時(shí)也可以通過(guò)點(diǎn)擊按鈕，在JS中調(diào)用history進(jìn)行跳轉(zhuǎn)，如下圖所示

  

聲明：本篇經(jīng)驗(yàn)系酷知網(wǎng)「www.coozhi.com」原創(chuàng)，轉(zhuǎn)載請(qǐng)注明出處。