微雨的2012
2016-03-02 22:18
我在本地浏览器打开后网页后,再点返回下一个页面没反应啊,求解答~~~~
看效果:最快捷的方法,输入了forward()方法之后,提交代码,进入下一节课,然后再点击浏览器的回退按钮,回到提交代码的界面。最后,再点击代码右侧的“返回下一个页面”。就会发现进入下一节课堂了。
原理的话,举个例子。一个打开的界面相当于数组【1,2,3, 4】。1234是历史记录。当代码位于3时,点击进入下一个界面就是4了。 当你代码位于4,点击进入下一个界面就没有任何反应。因为4之后没页面了,不知道你要去哪。 同理 ,返回上一个界面也是一样
在本地浏览器打开,根据浏览器上面的地址栏,先点击一下“第一个锚点”,此时地址为file:///C:/Users/acer/Desktop/%E7%BB%83%E4%B9%A0/a.html#target1,点击浏览器的后退,然后再点击按钮,看地址栏地址就可以了
开始我也被困扰了,后来想到一个办法。你如果在浏览器新打开一个页面,那么没有“返回”和“前进”的箭头,当你选锚点之后,再按按钮调用代码,观察我说的那两个箭头是否出现就可以了。
简单来说,要看效果的话,可以这么操作:
先点击一下“第一个锚点”,然后你点一下浏览器的后退键,返回到上一个网页,这个时候可以看到浏览器的前进按钮可以按了,然后你就可以点击"返回下一个页面"那个按钮了。浏览器的前进按钮就不能用了。
总之就是自己要返回一下页面,点击“返回下一个页面”才有效果
先点几下那个链接,然后点一下浏览器上的后退,然后点自己写的那个按钮
<!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>
你看一下代码,自己点一下试试就明白了
你存到本地,运行一下就能看出来,url从target1,到target2之间变化的。他这里没有具体指向那个页面,所以看不出来。一开始我也以为我代码出问题了
在HTML中编写两个按钮一个返回上一个页面和一个返回下一个页面 然后同时验证先返回上再返回下
贴代码出来,或者参考下慕课的参考代码
JavaScript进阶篇
468060 学习 · 21891 问题
相似问题