A-A+

javascript中location.href实现页面重定向

2016年01月20日 web前端设计 暂无评论 阅读 6 views 次

本例定义了两个JavaScript函数,功能都是重定向到首页,但是第一个函数采用的是直接给href赋值的方式,第二个使用的是replace方法.

具体请看下面的代码:

  1. <script type="text/javascript">   
  2. function goBack(){    
  3. location.href = "https://www.xiariboke.com/";   
  4. }   
  5. function goBackRep(){    
  6. location.replace("https://www.xiariboke.com/");   
  7. }  
  8. </script>  

HTML代码.

点击后面的按钮就可以使得页面转向首页,可以点击浏览器的后退按钮返回本页,使用的方法是直接给location.href赋值,代码如下:

  1. <button onclick="goBack(); return false;" value="重定向到首页"> 重定向到首页</button>  

点击后面的按钮就同样会跳转到首页,但是 由于是使用location.replace的方法,所以不能 通过浏览器的后退按钮返回本页,代码如下:

  1. <button onclick="goBackRep(); return false;" value="重定向到首页(不能返回)" >  

点击后面的按钮就可以使得页面转向首页,可以点击浏览器的后退按钮返回本页,使用的方法是直接给location.href赋值.

标签:

给我留言