DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript實現頁面跳轉的方式匯總
JavaScript實現頁面跳轉的方式匯總
編輯:關於JavaScript     

在動手做網站時,不可避免的會碰到頁面跳轉的問題,新頁面是在當前頁面打開呢?還是在新窗口打開呢?是不是需要依據參數進行跳轉呢或者要經過用戶確認後再跳轉呢?等等很多種情況,下面我們來看下常用的一些JS實現頁面跳轉的方式例子。

按鈕式:   

<INPUT name="pclog" type="button" value="GO" onClick="location.href='http://www.ddhbb.com/'">  

鏈接式:  

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

直接跳轉式:   

<script>window.location.href='http://www.ddhbb.com';</script>  

開新窗口:

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

第一種:

<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中彈出選擇框跳轉到其他頁面=====

<script language="javascript">
<!--
function logout()...{
if (confirm("你確定要注銷身份嗎?是-選擇確定,否-選擇取消"))...{
window.location.href="logout.asp?act=logout"
}
}
-->
</script>
=====javascript中彈出提示框跳轉到其他頁面=====
<script language="javascript">
<!--
function logout()...{
alert("你確定要注銷身份嗎?");
window.location.href="logout.asp?act=logout"
}
-->
</script>

以上內容是小編給大家介紹的JavaScript實現頁面跳轉的方式匯總,希望對大家有所幫助,也希望大家多多關注網站!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved