JavaScript實(shí)現(xiàn)頁面跳轉(zhuǎn)的幾種常用方式
本文實(shí)例講述了JavaScript實(shí)現(xiàn)頁面跳轉(zhuǎn)的幾種常用方式。分享給大家供大家參考,具體如下:
第一種:
<script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; </script>
第二種:
<script language="javascript"> alert("返回"); window.history.back(-1); </script>
第三種:
<script language="javascript"> window.navigate("top.jsp"); </script>
第四種:
<script language="JavaScript"> self.location='top.htm'; </script>
第五種:
<script language="javascript"> alert("非法訪問!"); top.location='xx.jsp'; </script>
javascript中彈出選擇框跳轉(zhuǎn)到其他頁面
<script language="javascript"> <!-- function logout()...{ if (confirm("你確定要注銷身份嗎?是-選擇確定,否-選擇取消"))...{ window.location.href="logout.asp?act=logout" } } --> </script>
javascript中彈出提示框跳轉(zhuǎn)到其他頁面
<script language="javascript"> <!-- function logout()...{ alert("你確定要注銷身份嗎?"); window.location.href="logout.asp?act=logout" } --> </script>
補(bǔ)充:window.location="";和 location.replace("");有什么區(qū)別?
這兩個(gè)都能讓網(wǎng)頁導(dǎo)向令一個(gè)網(wǎng)址,那么有什么區(qū)別呢?比如能帶參數(shù),不能帶參數(shù)之類的.
Replace?還是Reload()?
好像沒什么區(qū)別吧?沒試過
replace(),reload()是重新加載本頁,而replace()可以導(dǎo)向另外一個(gè)URL
給你舉個(gè)例子:
我們現(xiàn)在有3個(gè)頁面(a.html, b.html, c.html).
默認(rèn)打開a.html頁面,然后在a.html頁面中通過一個(gè)鏈接轉(zhuǎn)向a.html頁面。
現(xiàn)在,我在b.html頁面中用window.location.replace("c.html");與用window.location.href("c.html");分別進(jìn)入c.html頁面.
從用戶界面來看是沒有什么區(qū)別的,但是現(xiàn)在c.html頁面有一個(gè)“返回”按鈕,
用window.location.href("c.html");
進(jìn)入c.html頁面時(shí),c.html頁面中的調(diào)用window.history.go(-1);wondow.history.back();進(jìn)入c.html頁面時(shí),一點(diǎn)這個(gè)"返回"按鈕就要返回b.html頁面的話,
而如果用window.location.replace("c.html");進(jìn)入c.html頁面的話,
c.html頁面中的調(diào)用window.history.go(-1);wondow.history.back();方法是不好用的,會返回到a.html.
因?yàn)閣indow.location.replace("c.html");是不會向服務(wù)器發(fā)送請求而進(jìn)行跳轉(zhuǎn),而window.history.go(-1);wondow.history.back();方法是根據(jù)服務(wù)器記錄的請求決定該跳到哪個(gè)頁面的,所以會跳到系統(tǒng)默認(rèn)頁面a.html 。
window.location.href("c.html");是向服務(wù)器發(fā)送請求的跳轉(zhuǎn),window.history.go(-1);wondow.history.back();方法是根據(jù)服務(wù)器記錄的請求決定該跳到哪個(gè)頁面的,所以就可以返回到b.html。
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(二):隊(duì)列
這篇文章主要介紹了JavaScript中數(shù)據(jù)結(jié)構(gòu)與算法(二):隊(duì)列,隊(duì)列是只允許在一端進(jìn)行插入操作,另一個(gè)進(jìn)行刪除操作的線性表,隊(duì)列是一種先進(jìn)先出(First-In-First-Out,F(xiàn)IFO)的數(shù)據(jù)結(jié)構(gòu),需要的朋友可以參考下2015-06-06調(diào)試Javascript代碼(瀏覽器F12及VS中debugger關(guān)鍵字)
目前,常用的瀏覽器IE、Chrome、Firefox都有相應(yīng)的腳本調(diào)試功能下面我就介紹如何在瀏覽器/VS中調(diào)試我們的JS代碼,感興趣的你可不要走開啊,希望本文對你有所幫助2013-01-01JavaScript 中的運(yùn)算符和表達(dá)式介紹
這篇文章主要介紹了JavaScript 中的運(yùn)算符和表達(dá)式介紹,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-09-09設(shè)置cookie指定時(shí)間失效(實(shí)例代碼)
下面小編就為大家?guī)硪黄O(shè)置cookie指定時(shí)間失效(實(shí)例代碼)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-05-05js實(shí)現(xiàn)分享到隨頁面滾動(dòng)而滑動(dòng)效果的方法
這篇文章主要介紹了js實(shí)現(xiàn)分享到隨頁面滾動(dòng)而滑動(dòng)效果的方法,實(shí)例分析了javascript操作頁面元素滾動(dòng)效果的方法,需要的朋友可以參考下2015-04-04JSONP獲取Twitter和Facebook文章數(shù)的具體步驟
這篇文章主要介紹了JSONP獲取Twitter和Facebook文章數(shù)的方法,需要的朋友可以參考下2014-02-02javascript 密碼框防止用戶粘貼和復(fù)制的實(shí)現(xiàn)代碼
本篇文章主要是對javascript 密碼框防止用戶粘貼和復(fù)制的實(shí)現(xiàn)代碼進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02