JavaScript重定向

使用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赋值。

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

  1. 用javascript修改html元素的class
  2. JavaScript重定向
  3. JavaScript对象当作关联数组
  4. JavaScript弹出窗口以及窗口间的通信
  5. JavaScript显示信息实例
  6. 用JavaScript批量访问HTML元素
  7. 分离JavaScript与HTML
  8. JavaScript计算器实例
  9. JavaScript的Math对象计算器
  10. JavaScript改变HTML元素的位置
  11. JavaScript动画
  12. JavaScript动画函数
  13. JavaScript拖拽
  14. JavaScript拖拽2——多元素、分离JS
  15. JavaScript拖拽3——解决快速拖拽的问题
  16. addEventSimple函数,添加事件响应函数的方法
  17. addEventSimple观察鼠标事件
  18. JavaScript click事件深入
  19. JavaScript事件来源元素
  20. JavaScript修改与访问CSS
  21. JavaScript拖拽4——获得元素的位置
  22. JavaScript拖拽5——性能优化
  23. DOM Scripting相册
  24. DOM Scripting斑马表格
  25. DOM Scripting动画切图
  26. JavaScript颜色渐变
  27. JavaScript拖拽6——修复错误