Javascript實現頁面跳轉的幾種方式
JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基于原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。而在Web開發時，程序猿會遇到一個頁面跳轉的問題。在此，小編為各位程序猿整理了幾種比較常用的跳轉方式。
工具/原料
- 電腦
- 開發工具
第一種：直接跳轉
- 1
帶參數的直接跳轉：
<script language="javascript" type="text/javascript">
window.location.href="A"+window.location.href; //格式為url？參數
</script>
- 2
不帶參數的直接跳轉：
<script>window.location.href=url;</script> //url為跳轉頁面的鏈接。需要‘’單引號引起來
第二種：返回上一次預覽界面
- 1
普通返回：
<script language="javascript">
alert("返回上一級");
window.history.back(-1);
</script>
- 2
標簽嵌套：
<a href="javascript:history.go(-1)">返回上一級</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一級</a>
第三種：指定自身跳轉頁面 對框架無效
- 1
代碼如下：
<script language="JavaScript"> self.location=url; //url為需要跳轉的鏈接，需要''單引號引上你的鏈接 </script>
第四種：指定跳轉頁面 對框架無效
- 1
代碼如下：
<script language="javascript">
window.navigate(url); //url為需要跳轉的鏈接，需要''單引號引上你的鏈接
</script>
第五種：指定自身跳轉頁面 對框架有效
- 1
代碼如下：
<script language="javascript"> alert("訪問錯誤！");
top.location=URL; //url為需要跳轉的鏈接，需要''單引號引上你的鏈接
</script>
第六種：按鈕式 在button按鈕添加 事件跳轉
- 1
代碼如下：
//url為需要跳轉的鏈接，需要''單引號引上你的鏈接
<input name="control1" type="button" value="打開" onClick="location.href=url">
第七種：在新窗口打開
- 1
代碼如下：
//url為需要跳轉的鏈接，需要''單引號引上你的鏈接
<a href="javascript:" onClick="window.open('url','','height=800,width=800,scrollbars=yes,status=yes')">開新窗口</a>
注意事項
- 希望對讀者有所幫助~~~喜歡的請給小編點個大拇指
- 發表于 2018-01-30 00:00
- 閱讀 ( 671 )
- 分類：其他類型
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章