导航:首页 > 历史问题 > js如何返回历史页面

js如何返回历史页面

 发布时间：2021-02-10 08:09:01

A. 怎么在新页面中返回到前一页浏览的历史位置

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p>在新页面中返回到前一页浏览的历史位置1</p>
<p>在新页面中返回到前一页浏览的历史位置2</p>
<p>在新页面中返回到前一页浏览的历史位置3</p>
<p>在新页面中返回到前一页浏览的历史位置4</p>
<p>在新页面中返回到前一页浏览的历史位置5</p>
<p>在新页面中返回到前一页浏览的历史位置6</p>
<p>在新页面中返回到前一页浏览的历史位置7</p>
<p>在新页面中返回到前一页浏览的历史位置8</p>
<p>在新页面中返回到前一页浏览的历史位置9</p>
<p>在新页面中返回到前一页浏览的历史位置10</p>
<p>在新页面中返回到前一页浏览的历史位置11</p>
<p>在新页面中返回到前一页浏览的历史位置12</p>
<p>在新页面中返回到前一页浏览的历史位置13</p>
<p>在新页面中返回到前一页浏览的历史位置14</p>
<p>在新页面中返回到前一页浏览的历史位置15</p>
<p>在新页面中返回到前一页浏览的历史位置16</p>
<p>在新页面中返回到前一页浏览的历史位置17</p>
<p>在新页面中返回到前一页浏览的历史位置18</p>
<p>在新页面中返回到前一页浏览的历史位置19</p>
<p>在新页面中返回到前一页浏览的历史位置20</p>
<p>在新页面中返回到前一页浏览的历史位置21</p>
<p>在新页面中返回到前一页浏览的历史位置22</p>
<p>在新页面中返回到前一页浏览的历史位置23</p>
<p>在新页面中返回到前一页浏览的历史位置24</p>
<p>在新页面中返回到前一页浏览的历史位置25</p>
<p>在新页面中返回到前一页浏览的历史位置26</p>
<p>在新页面中返回到前一页浏览的历史位置27</p>
<p>在新页面中返回到前一页浏览的历史位置28</p>
<p>在新页面中返回到前一页浏览的历史位置29</p>
<p>在新页面中返回到前一页浏览的历史位置30</p>
<a href="a.html">fff</a>
</body>
<script src="js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
var str = window.location.href;
str = str.substring(str.lastIndexOf('/')+1),
getCookie = localStorage.getItem(str);
if(getCookie){
$('html,body').scrollTop(getCookie);
}
});
$(window).scroll(function(){
var str = window.location.href;
str = str.substring(str.lastIndexOf('/')+1);
var top = $(window).scrollTop();
localStorage.setItem(str,top);
})
</script>

</html>

确实可行，但是不知道通过ajax加载过来的列表或者数据是否还可以，有谁知道期望指教。

B. 请问用javascript 怎么跳转到历史的第二个页面

history.go(-1)
history.go(-2)
history.go(-3)

C. 利用JQuery怎样返回前一页

<a href="javascript:history.go(-1)">返回上一页</a>

<a href="javascript:location.reload()">重载页面，本地内刷容新</a>

<a href="javascript:history.go(-1);location.reload()">返回上一页重载页面，本地刷新</a>

返回上一页并重新加载页面

<a href="#" onclick="self.location=document.referrer;">返回</a>

(3)js如何返回历史页面扩展阅读

如果用户选择了<a>标签中的内容，那么浏览器会尝试检索并显示href 属性指定的URL所表示的文档，或者执行JavaScript表达式、方法和函数的列表。

<input type="button" name="back" value="重新填写"

onclick="javascript:history.back(-1);"/>

history.back(-1):直接返回当前页的上一页，数据全部消息，是个新页面

history.go(-1):也是返回当前页的上一页，不过表单里的数据全部还在

D. JS高手呢，获取历史网址

你的问题涉及到 Same Origin Policy（同源策略），这是一个关系到隐私和安全性的问题。回任何浏览器都不会答给你机会让你访问 **异域** 历史网址。

但是，如果这三个页面在同一域名下，你可以使用 Javascript 的 document.cookie 来记录每次访问的网址。

我写的例子需要4个文件，url_history.js，html1.html，html2.html，html3.html（三个 html 文件内容相同），代码写在空间（hi..com/keneks/item/50699e21f9300d0c72863e4d）

复制粘贴，将 url_history.js 和其它三个 html 文件放在一起，访问任何一个页面，点击任何链接，上面会自动显示曾经访问过的页面。

历史网址以 array 形式保存在 url_history 变量中，所以 url_history[0] 为上一个，url_history[1] 为上上一个，以此类推。

E. javascript 实现页面跳转 然后按返回键不会回到上一页 应该怎么写

你是说返回键不会回到跳转之前的那个页面？

这个非常的简单！

不知道你的js基础怎么样？ 在我们的js的dom编程基础知识里面我们已经指定浏览器对象的6大属性。 其中就有location对象和history这连个对象 。分别介绍两个对象

location有个方法叫 replace(url) 这个方法可以替换history对象里面里面的历史栈当前页面

换成新的（也就意味着跳转后 注意哦这个跳转是意味着我们跳转之前最起码是在一个页面的基础之上才可以跳转到另一个页面的），这也意味着“后退”或者“前进”都无法在回到跳转之前的页面了。因为在历史栈帧它（跳转之前的页面）已经被替换了。这个替换就是通过location的replace方法实现的。

下面贴出代码！

<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="Generator"content="EditPlus®">
<metaname="Author"content="">
<metaname="Keywords"content="">
<metaname="Description"content="">
<title>Document</title>
<scripttype="text/javaScript">
	functionf(){
		alert(history.length);
		location.replace('http://www..com');
		alert(history.length);

	}
</script>
</head>
<body>
	这个是一个页面
	<buttontype="button"onclick="f()">点击我跳转新的页面</button>
</body>
</html>

我不确定这个是不是你要的！ 知识利用了replace这个方法将历史栈中的页面替换了。我理解你的提出的问题“回不到上一页” 我就当是那个页面再也找不到了。

F. 怎么实现history.back()返回后刷新历史页面

history.back都是从浏览器缓存读取数据。要刷新就考虑其他代码。

-------------------------------------------------------------------

可以考虑把history.back的步骤分隔，然后重新实现。

如果只通过js来完成，可以考虑以下代码：

//先获取上一个页面，然后再跳转到那个页面
//在绝大部分情况下的效果就是history.back()的刷新版本
window.location.replace(document.referrer)

document.referrer:

document.referrer可以引用到上一个页面，这个属性是由浏览器支持的。在不同情况下值可能和history.back不一样，但是绝大部分情况下跟你想要的结果是一致的。

当用户是通过页面导航内部切换到新页面的（例如<a>标签，或者改变url的代码），document.referrer和history.back指向的页面都是上一个页面。

当用户是通过书签打开网页的，document.referrer是空的，history.back却是可用的，可以返回到点击书签之前的页面。

window.location.replace:

history.back不一定就不会刷新界面：当缓存不可用的时候，还是会刷新的。window.location.replace也不一定会刷新页面，当服务器"明确"告诉浏览器缓存还可以用的时候，浏览器一般不会再刷新页面。不过在一般情况下，使用window.location.replace替换history.back就能达到想要的效果。

所以大可使用window.location.replace(document.referrer)

G. js怎么获取history历史中的url

出于安全考虑，无法通过程序获取History对象中的具体信息，只能通过back、forward、go方法进行页面跳转，此外length属性记录了History中的记录条数。

H. js如何实现历史记录

  1. 在被浏览页面加入一段代码实现这样的功能：

    1. 根据页面标题和url写入locationStorage

    2. 写入时，只写入最后10条记录

  2. 在显示历史页面，读取locationStorage把历史记录显示出来

I. 在html中链接怎么返回上一页面

用history.go(-1)，如：

<ahref="javascript:history.back(-1)">返回上一页</a>

J. js 的点击返回上一页问题

你这样肯定不行哈:
当A->B->C->D进入页面时，浏览器把相关页面记录到了历史记录里面版，然后你调用history.go(-1)或者history.back()的时候，JS会根据权历史记录一级一级的返回；

但是当你C->D，浏览器里面只记录C，D两个页面的历史记录，所以只能够在这两个页面来回跳;

如果你实在是想要满足那上面的跳法的话，就直接用A超链接写死

阅读全文

与js如何返回历史页面相关的资料

热点内容
历史知识薄弱 浏览：23
军事理论心得照片 浏览：553
历史故事的启发 浏览：22
美自然历史博物馆 浏览：287
如何评价韩国历史人物 浏览：694
中国炼丹历史有多久 浏览：800
邮政历史故事 浏览：579
哪里有革命历史博物馆 浏览：534
大麦网如何删除历史订单 浏览：134
我心目中的中国历史 浏览：680
如何回答跨考历史 浏览：708
法国葡萄酒历史文化特色 浏览：577
历史人物评价唐太宗ppt 浏览：789
泰安的抗日战争历史 浏览：115
七上历史第四课知识梳理 浏览：848
历史老师职称需要什么专业 浏览：957
什么标志军事信息革命进入第二阶段 浏览：141
正确评价历史人物ppt 浏览：159
ie浏览器如何设置历史记录时间 浏览：676
高一历史必修一第十课鸦片战争知识点 浏览：296