快捷導(dǎo)航

js頁面跳轉(zhuǎn)的常用方法整理

更新時(shí)間：2013年10月18日 16:02:32 作者：

跳轉(zhuǎn)頁面的方法有很多，在本文整理了一些比較常用，并有示例代碼，感興趣的朋友可以參考下

 
<!--腳本開始--> 
<script language="javascript" type=""> 
function countDown(secs){ 
tiao.innerText=secs; 
if(--secs>0) 
setTimeout("countDown("+secs+")",1000); 
} 
countDown(3); 
</script> 
<!--腳本結(jié)束--> 

按鈕式：

復(fù)制代碼代碼如下:

鏈接式：

復(fù)制代碼代碼如下:

 
<a href="javascript:history.go(-1)">返回上一步</a> 
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a> 

直接跳轉(zhuǎn)式：

復(fù)制代碼代碼如下:

開新窗口：

復(fù)制代碼代碼如下:

 
<a href="javascript:" onClick="window.open('http://www.ddhbb.com/blog/guestbook.asp','','height=500,width=611,scrollbars=yes,status=yes')"&gt;布丁足跡</a> 

JS跳轉(zhuǎn)頁面參考代碼

第一種：

復(fù)制代碼代碼如下:

 
<script language="javascript" type="text/javascript"> 
window.location.href="login.jsp?backurl="+window.location.href; 
</script> 

第二種：

復(fù)制代碼代碼如下:

 
<script language="javascript"> 
alert("返回"); 
window.history.back(-1); 
</script> 

第三種：

復(fù)制代碼代碼如下:

 
<script language="javascript"> 
window.navigate("top.jsp"); 
</script> 

第四種：

復(fù)制代碼代碼如下:

 
<script language="JavaScript"> 
self.location='top.htm'; 
</script> 

第五種：

復(fù)制代碼代碼如下:

 
<script language="javascript"> 
alert("非法訪問！"); 
top.location='xx.jsp'; 
</script> 

＝＝＝＝＝j(luò)avascript中彈出選擇框跳轉(zhuǎn)到其他頁面＝＝＝＝＝

復(fù)制代碼代碼如下:

 
<script language="javascript"> 
<!-- 
function logout()...{ 
if (confirm("你確定要注銷身份嗎？是－選擇確定，否-選擇取消"))...{ 
window.location.href="logout.asp?act=logout" 
} 
} 
--> 
</script> 

＝＝＝＝＝j(luò)avascript中彈出提示框跳轉(zhuǎn)到其他頁面＝＝＝＝＝

復(fù)制代碼代碼如下:

 
<script language="javascript"> 
<!-- 
function logout()...{ 
alert("你確定要注銷身份嗎？"); 
window.location.href="logout.asp?act=logout" 
} 
--> 
</script> 

您可能感興趣的文章:

相關(guān)文章

Javascript動(dòng)畫效果（3）
這篇文章主要為大家詳細(xì)介紹了第三篇Javascript動(dòng)畫效果,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-10-10
一文帶你快速學(xué)會(huì)JavaScript條件判斷及高級(jí)用法
JavaScript支持其用于執(zhí)行根據(jù)不同的條件不同的操作條件語句,下面這篇文章主要給大家介紹了關(guān)于如何在JavaScript中更好的使用條件判斷的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-09-09
Javascript基礎(chǔ)之?dāng)?shù)組的使用
這篇文章主要介紹了Javascript基礎(chǔ)之?dāng)?shù)組的使用的相關(guān)資料，介紹的非常詳解，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧
2016-05-05
NodeJs中的非阻塞方法介紹
NodeJs中的非阻塞方法介紹，需要的朋友可以參考下
2012-06-06
javascript實(shí)時(shí)顯示北京時(shí)間的方法
這篇文章主要介紹了javascript實(shí)時(shí)顯示北京時(shí)間的方法,涉及javascript操作時(shí)間顯示的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
一個(gè)極為簡單的requirejs實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄粋€(gè)極為簡單的requirejs實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10
javascript中異常處理案例(推薦)
下面小編就為大家?guī)硪黄猨avascript中異常處理案例(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10
swtich／if...else的替代語句
這篇文章主要介紹了swtich／if...else的替代語句的相關(guān)資料,需要的朋友可以參考下
2015-08-08
基于JS開發(fā)微信網(wǎng)頁錄音功能的實(shí)例代碼
這篇文章主要介紹了基于JS開發(fā)微信網(wǎng)頁錄音功能的實(shí)例代碼,代碼簡單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2019-04-04
Javascript的常規(guī)數(shù)組和關(guān)聯(lián)數(shù)組對比小結(jié)
關(guān)聯(lián)數(shù)組雖然可以用字符串作下標(biāo)，但是這個(gè)下標(biāo)是不支持參數(shù)傳值的，換言之，你需要什么就取什么，聽起來很智能，實(shí)際上你取值仍然需要你手動(dòng)去寫下標(biāo)的
2012-05-05