js页面跳转常用的几种方式及点击返回顶部代码

本文介绍了六种使用JavaScript实现页面跳转的方法,包括通过location.href、history.back、window.navigate等进行页面导航。此外还提供了一种通过URL参数获取并实现跳转的方式。

js实现页面跳转的几种方式,需要的朋友可以参考下。

点击返回顶部代码:

 onclick="javascript:scroll(0,0)"
<a href="javascript:window.scrollTo('0','0');">返回顶部</a>

第一种:

复制代码 代码如下:

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

 

第二种:

复制代码 代码如下:

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


第三种:

复制代码 代码如下:

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


第四种:

复制代码 代码如下:
<script language="JavaScript"> 
self.location='jb51.htm'; 
</script>

第五种:

复制代码 代码如下:

<script language="javascript"> 
alert("非法访问!"); 
top.location='jb51.jsp'; 
</script>


第六种:网址从传参获得并转向

复制代码 代码如下:

<script language="javascript" type="text/javascript"> 
function request(paras){ 
var url = location.href; 
var paraString = url.substring(url.indexOf("?")+1,url.length).split("&"); 
var paraObj = {} 
for (i=0; j=paraString[i]; i++){ 
paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length); 
} 
var returnValue = paraObj[paras.toLowerCase()]; 
if(typeof(returnValue)=="undefined"){ 
return ""; 
}else{ 
return returnValue; 
} 
} 
var theurl 
theurl=request("url"); 
if (theurl!=''){ 
location=theurl 
} 
</script> 

转载于:https://www.cnblogs.com/huzhangjun/p/6625875.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值