                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

通过window的location和history对象来控制网页的跳转

//通过window的location和history对象来控制网页的跳转。

function back() {

window.history.back()

} 加上这个代码到底有什么用啊又是什么意思啊

qq_因为太帅曾被砍_0

2016-12-21

源自：JavaScript进阶篇 8-17

关注问题我要回答

3796

操作

收起

3 回答

慕粉3698897 回答被采纳 +3 积分
2016-12-21

这一段函数封装了一个back方法，功能是页面跳转。本意是通过调用back（）实现跳转，我的就是这样。你的代码可能在其他地方已经实现了这个功能，所以去掉这一段还是可以跳转，但我的代码所有实现跳转都是通过调用这个函数，所以我去掉这个函数，页面是不动的。你可以看一下我的代码：

<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
 </head>
 <body>
  <!--先编写好网页布局-->
  <h2>操作成功</h2>
  <p>
      <span id="time"></span>
      秒后回到主页
      <a href="javascript:;" onclick="goback()">返回</a>      //调用goback函数。
  </p>
 
  <script type="text/javascript">
    var num=5;
   
    function start(){
        if(num>0){
        document.getElementById("time").innerHTML=num;
        num--;
        setTimeout("start()",1000);
    
        }else{
           goback()                    //调用goback函数。
        }
    } 
     setTimeout("start()",1000);
   //获取显示秒数的元素，通过定时器来更改秒数。

   //通过window的location和history对象来控制网页的跳转。
    function goback(){                    //封装成goback函数。
        window.history.back();
    }
 </script> 
</body>
</html>

1 回复有任何疑惑可以回复我~

收起回答

qq_因为太帅曾被砍_0 提问者

原来如此谢谢了

2016-12-21 回复有任何疑惑可以回复我~

慕粉3698897
2016-12-21

<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
</head>
<body>

<h2>操作成功</h2>
<p>
<span id="time"></span>
秒后回到主页
<a href="javascript:;" onclick="goback()">返回</a> //调用goback函数。
</p>

<script type="text/javascript">
var num=5;

function start(){
if(num>0){
document.getElementById("time").innerHTML=num;
num--;
setTimeout("start()",1000);

}else{
goback() //调用goback函数。
}
}
setTimeout("start()",1000);
//获取显示秒数的元素，通过定时器来更改秒数。

//通过window的location和history对象来控制网页的跳转。
function goback(){ //封装成goback函数。
window.history.back();
}
</script>
</body>
</html>