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

怎么看效果的?

我在本地浏览器打开后网页后,再点返回下一个页面没反应啊,求解答~~~~

正在回答

9 回答

看效果:最快捷的方法,输入了forward()方法之后,提交代码,进入下一节课,然后再点击浏览器的回退按钮,回到提交代码的界面。最后,再点击代码右侧的“返回下一个页面”。就会发现进入下一节课堂了。

原理的话,举个例子。一个打开的界面相当于数组【1,2,3,  4】。1234是历史记录。当代码位于3时,点击进入下一个界面就是4了。  当你代码位于4,点击进入下一个界面就没有任何反应。因为4之后没页面了,不知道你要去哪。  同理 ,返回上一个界面也是一样

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

在本地浏览器打开,根据浏览器上面的地址栏,先点击一下“第一个锚点”,此时地址为file:///C:/Users/acer/Desktop/%E7%BB%83%E4%B9%A0/a.html#target1,点击浏览器的后退,然后再点击按钮,看地址栏地址就可以了

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

开始我也被困扰了,后来想到一个办法。你如果在浏览器新打开一个页面,那么没有“返回”和“前进”的箭头,当你选锚点之后,再按按钮调用代码,观察我说的那两个箭头是否出现就可以了。

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

简单来说,要看效果的话,可以这么操作:

先点击一下“第一个锚点”,然后你点一下浏览器的后退键,返回到上一个网页,这个时候可以看到浏览器的前进按钮可以按了,然后你就可以点击"返回下一个页面"那个按钮了。浏览器的前进按钮就不能用了。

总之就是自己要返回一下页面,点击“返回下一个页面”才有效果

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

先点几下那个链接,然后点一下浏览器上的后退,然后点自己写的那个按钮

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

<!DOCTYPE HTML>

<html>

<head>

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

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

</head>

 <script type="text/javascript">

        function GoBack() {

            history.go(-1);

        }

        function Gofor() {

            history.go(1);

        }


    </script>

</head>

<body>

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


    <br />

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

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

    <br />

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

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

    <br /><br />

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

    <form>

       <input type="button"  value="返回前一个页面" onclick="GoBack();" />

       <input type="button"  value="返回后一个页面" onclick="Gofor();" />

    </form>

</body>

</html>

你看一下代码,自己点一下试试就明白了

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

你存到本地,运行一下就能看出来,url从target1,到target2之间变化的。他这里没有具体指向那个页面,所以看不出来。一开始我也以为我代码出问题了

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

从此浪迹天涯了无牵挂

这里。。感觉确实不太好看啊,我把回答上一节的答案贴这儿了,后来想想还是不行。这里的话最好有一个返回按钮吧。其实back和forward的区别。这么说吧。一开始你不点击,url是index,点击1变成target1,点击2变成target2。区别在后面。这时候如果用两次点击,如果全为back,那么url分别是target1和index。如果先back在forward,url分别是target1,和target2。相当于都是返回,但是back是往前反,forward是来回反。forward前面用上back才能有效果,不然无效。。。说的比较啰嗦了。不知道你懂没懂。
2016-03-23 回复 有任何疑惑可以回复我~

在HTML中编写两个按钮一个返回上一个页面和一个返回下一个页面 然后同时验证先返回上再返回下

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

贴代码出来,或者参考下慕课的参考代码

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

举报

0/150
提交
取消

怎么看效果的?

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