为了账号安全,请及时绑定邮箱和手机立即绑定

window.history.forward()相关

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

</head>

 <script type="text/javascript">

        function GoForward() {

        window.history.forward();    

        }

        function GoBack(){

        window.history.back();

        }

    </script>

</head>

<body>

点击下面的锚点链接,添加历史列表项:    

    <br />

    <a href="#target1">第一个锚点</a>

    

    <br />

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <a name="target1"></a>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <a href="#target2">第二个锚点</a>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <a name="target2"></a>

    <br /><br />

    使用下面按钮,实现返回下一个页面:

    <form>

        <input type="button" value="后退" onclick="GoBack()"/>

        <input type="button"  value="前进" onclick="GoForward()" />      

    </form>

</body>

</html>

我点了第一个锚点后再点后退正常退到顶部,可是接下来再点前进就没有作用了呢(地址栏后有#target1)?



正在回答

3 回答

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>


 <script type="text/javascript">

        function GoForward() {

        window.history.forward();    

        }

        function GoBack(){

        window.history.back();

        }

    </script>


</head>

<body>

点击下面的锚点链接,添加历史列表项:    

    <br />

    <a href="#target1">第一个锚点</a>

    

    <br />

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

    <li>22222222222222</li>

     <a name="target1"  style="background-color:blue;">1</a>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <li>33333333333333333</li>

    <a href="#target2">第二个锚点</a>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <li>11111111111111</li>

    <a name="target2"  style="background-color:red;">2</a>

    <br /><br />

    使用下面按钮,实现返回下一个页面:

    <form>

        <input type="button" value="后退" onclick="GoBack()"/>

        <input type="button"  value="前进" onclick="GoForward()" />      

    </form>

</body>

</html>


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

暮女神 提问者

非常感谢!
2016-12-22 回复 有任何疑惑可以回复我~

这样比较好懂点,可以前进后退

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

试试我这改进的代码

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

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468189    人
  • 解答问题       21891    个

本课程从如何插入JS代码开始,带您进入网页动态交互世界

进入课程

window.history.forward()相关

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信