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

JavaScript重定向

文章来源:365jz.com     点击数:705    更新时间: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> 

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

发表评论 (705人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 建站公司
· 杰创官网
· 建站工具

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2022 版权所有 鄂ICP备17013400号-1