快捷導(dǎo)航

JavaScript實(shí)現(xiàn)頁面跳轉(zhuǎn)的八種方式

更新時(shí)間：2022年06月24日 15:49:15 作者：小旭2021

這篇文章介紹了JavaScript實(shí)現(xiàn)頁面跳轉(zhuǎn)的八種方式，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

整理一下JavaScript八種跳轉(zhuǎn)方式，歡迎評(píng)論補(bǔ)充！

第一種方法：

<script>
    window.location.replace('http://www.cnblogs.com/chenyablog')
</script>

第二種方法：

<script>
    window.location = 'http://www.cnblogs.com/chenyablog'
</script>

第三種方法：

<script>
   document.location.
</script>

第四種方法：

history對(duì)象的go()方法

<a href='javascript:history.go(-1)' rel='返回上一步'>返回上一步</a>

history對(duì)象的back()方法

<a href='javascript:history.back()' rel='返回上一步'>返回上一步</a>

第五種方法：

<script>
    top.location = 'http://www.cnblogs.com/chenyablog'
</script>

第六種方法：

meta方式實(shí)現(xiàn)跳轉(zhuǎn)(content = 3 單位是秒)

<meta http-equiv=refresh content=3;url="http://www.cnblogs.com/chenyablog">

第七種方法：

window.navigate('http://www.cnblogs.com/chenyablog')

第八種方法：

self.location = 'http://www.cnblogs.com/chenyablog'

到此這篇關(guān)于JavaScript實(shí)現(xiàn)頁面跳轉(zhuǎn)的文章就介紹到這了。希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jQuery插件datepicker 日期連續(xù)選擇
這篇文章主要介紹了jQuery插件datepicker 日期連續(xù)選擇的方法和示例，有需要的小伙伴可以參考下。
2015-06-06
JS 動(dòng)態(tài)判斷PC和手機(jī)瀏覽器實(shí)現(xiàn)代碼
這篇文章主要介紹了JS 動(dòng)態(tài)判斷PC和手機(jī)瀏覽器實(shí)現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下
2016-09-09
options預(yù)檢請(qǐng)求的前后端解決方式詳解
這篇文章主要為大家介紹了options預(yù)檢請(qǐng)求的前后端解決方式詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-04-04
js實(shí)現(xiàn)快速分享功能(你的文章分享工具)
這是一款簡單易用的文章分享工具，您只需將下面的html代碼拷貝到模板中就可以實(shí)現(xiàn)文章快速分享功能，具體的實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
2013-06-06
JSON.stringify實(shí)例詳解以及靈活運(yùn)用
在向服務(wù)器發(fā)送數(shù)據(jù)時(shí)一般是字符串,我們可以使用?JSON.stringify()方法將JavaScript對(duì)象轉(zhuǎn)換為字符串,下面這篇文章主要給大家介紹了關(guān)于JSON.stringify及靈活運(yùn)用的相關(guān)資料,需要的朋友可以參考下
2022-03-03
js 事件的傳播機(jī)制(實(shí)例講解)
下面小編就為大家?guī)硪黄猨s 事件的傳播機(jī)制(實(shí)例講解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-07-07
JS實(shí)戰(zhàn)篇之收縮菜單表單布局
這篇文章主要介紹了JS實(shí)戰(zhàn)篇之收縮菜單表單布局的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-12-12
一文詳解Webpack中Tapable事件機(jī)制
Webpack?是前端工程化常用的靜態(tài)模塊打包工具,在合適的時(shí)機(jī)通過?Webpack?提供的?API?改變輸出結(jié)果,使?Webpack?可以執(zhí)行更廣泛的任務(wù),擁有更強(qiáng)的構(gòu)建能力,本文將介紹?Tapable?的基本使用以及底層實(shí)現(xiàn),需要的朋友可以參考下
2023-11-11
JavaScript Event學(xué)習(xí)第六章事件的訪問
在這一章我會(huì)講解如何去訪問一個(gè)事件對(duì)象。
2010-02-02
js運(yùn)算精度丟失的2個(gè)解決方法
近期在做項(xiàng)目的時(shí)候,遇到了一些JS浮點(diǎn)數(shù)精度的問題,這個(gè)問題其實(shí)說大不大,說小不小,下面這篇文章主要給大家介紹了關(guān)于js運(yùn)算精度丟失的2個(gè)解決方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-06-06