JavaScript實(shí)現(xiàn)頁面跳轉(zhuǎn)的方式匯總
在動(dòng)手做網(wǎng)站時(shí),不可避免的會(huì)碰到頁面跳轉(zhuǎn)的問題,新頁面是在當(dāng)前頁面打開呢?還是在新窗口打開呢?是不是需要依據(jù)參數(shù)進(jìn)行跳轉(zhuǎn)呢或者要經(jīng)過用戶確認(rèn)后再跳轉(zhuǎn)呢?等等很多種情況,下面我們來看下常用的一些JS實(shí)現(xiàn)頁面跳轉(zhuǎn)的方式例子。
推薦:JavaScript實(shí)現(xiàn)頁面跳轉(zhuǎn)的多種方式及最佳實(shí)踐
按鈕式:
<INPUT name="pclog" type="button" value="GO" onClick="location.>
鏈接式:
<a href="javascript:history.go(-1)">返回上一步</a> <a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>
直接跳轉(zhuǎn)式:
<script>window.location.;</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>
=====j(luò)avascript中彈出選擇框跳轉(zhuǎn)到其他頁面====
<script language="javascript"> <!-- function logout()...{ if (confirm("你確定要注銷身份嗎?是-選擇確定,否-選擇取消"))...{ window.location.href="logout.asp?act=logout" } } --> </script> =====j(luò)avascript中彈出提示框跳轉(zhuǎn)到其他頁面===== <script language="javascript"> <!-- function logout()...{ alert("你確定要注銷身份嗎?"); window.location.href="logout.asp?act=logout" } --> </script>
以上內(nèi)容是小編給大家介紹的JavaScript實(shí)現(xiàn)頁面跳轉(zhuǎn)的方式匯總,希望對(duì)大家有所幫助,也希望大家多多關(guān)注腳本之家網(wǎng)站!
- 淺談JQuery+ajax+jsonp 跨域訪問
- js實(shí)現(xiàn)瀏覽器倒計(jì)時(shí)跳轉(zhuǎn)頁面效果
- 靜態(tài)頁面html中跳轉(zhuǎn)傳值的JS處理技巧
- js實(shí)現(xiàn)頁面跳轉(zhuǎn)的幾種方法小結(jié)
- js點(diǎn)擊返回跳轉(zhuǎn)到指定頁面實(shí)現(xiàn)過程
- js實(shí)現(xiàn)頁面跳轉(zhuǎn)的五種方法推薦
- JavaScript中通過提示框跳轉(zhuǎn)頁面的方法
- JavaScript禁止用戶多次提交的兩種方法
- javascript禁止超鏈接跳轉(zhuǎn)的方法
- JS簡單實(shí)現(xiàn)禁止訪問某個(gè)頁面的方法
相關(guān)文章
基于Bootstrap table組件實(shí)現(xiàn)多層表頭的實(shí)例代碼
Bootstrap table還有一個(gè)很多強(qiáng)大的功能,下面就通過本文給大家分享基于Bootstrap table組件實(shí)現(xiàn)多層表頭的實(shí)例代碼,需要的朋友參考下吧2017-09-09網(wǎng)頁右側(cè)懸浮滾動(dòng)在線qq客服代碼示例
這篇文章主要介紹了網(wǎng)頁右側(cè)懸浮滾動(dòng)qq在線客服代碼示例,需要的朋友可以參考下2014-04-04JavaScript高級(jí)教程5.6之基本包裝類型(詳細(xì))
在基本類型當(dāng)中,有三種類型是我們經(jīng)常使用的:boolean,number,string,通過本篇文章給大家介紹javascript高級(jí)教程5.6之基本包裝類型,感興趣的朋友一起學(xué)習(xí)吧2015-11-11JavaScript在IE和Firefox上的差異及相互替代的實(shí)現(xiàn)方法
我們經(jīng)常在處理ie和firefox下的js總會(huì)碰到一些兼容問題,下面是些總結(jié),希望大家仔細(xì)看看研究2008-06-06使用JavaScript動(dòng)態(tài)設(shè)置樣式實(shí)現(xiàn)代碼及演示動(dòng)畫
使用onmouseover和onmouseout事件實(shí)現(xiàn)不同的效果而且是使用js動(dòng)態(tài)實(shí)現(xiàn),本文有利于鞏固你js與css方面的知識(shí),感興趣的你可以了解下哦,希望本文對(duì)你有所幫助2013-01-01JavaScript無提示關(guān)閉窗口(兼容IE/Firefox/Chrome)
JavaScript無提示關(guān)閉當(dāng)前頁面窗口,兼容IE/Firefox/Chrome (Close the current page window without confirm by JavaScript, support all browsers)2008-11-11JavaScript中箭頭函數(shù)與普通函數(shù)的區(qū)別詳解
這篇文章主要介紹了JavaScript中箭頭函數(shù)與普通函數(shù)的區(qū)別,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08