您现在的位置: 365建站网 > 365学习 > JavaScript重定向

JavaScript重定向

文章来源:365jz.com     点击数:575    更新时间:2017-08-04 16:36   参与评论

使用JavaScript可以将用户导向一个特定的地址,并且不同的方法会对浏览器的历史记录有不同的影响。

实例JavaScript代码
本例定义了两个JavaScript函数,功能都是重定向到首页,但是第一个函数采用的是直接给href赋值的方式,第二个使用的是replace方法。具体请看下面的代码:

<script type="text/javascript"> function goBack(){ location.href = "http://www.cainiao8.com/"; } function goBackRep(){ location.replace("http://www.cainiao8.com/"); }</script>HTML代码
<p> 点击后面的按钮就可以使得页面转向首页, 可以点击浏览器的后退按钮返回本页。 使用的方法是直接给location.href赋值。</p><button onclick="goBack(); return false;" value="重定向到首页"> 重定向到首页</button><p> 点击后面的按钮就同样会跳转到首页,但是 由于是使用location.replace的方法,所以不能 通过浏览器的后退按钮返回本页。</p><button onclick="goBackRep(); return false;" value="重定向到首页(不能返回)" >效果
点击后面的按钮就可以使得页面转向首页, 可以点击浏览器的后退按钮返回本页。 使用的方法是直接给location.href赋值。总结如下:

 

第一种:
 
<script language="javascript"type="text/javascript"> 
window.location.href="http://shanghepinpai.com"; 
</script> 

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

第三种:
 
<script language="javascript"> 
window.navigate("http://shanghepinpai.com"); 
</script> 

第四种:
 
<script language="JavaScript"> 
self.location='http://shanghepinpai.com'; 
</script> 

第五种:
 
<script language="javascript"> 
alert("非法访问!"); 
top.location='http://shanghepinpai.com'; 
</script> 

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (575人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------