history.go和history.back是否已经实现了回退刷新和定位?
面试时面试官说history.go和history.back这两个方法回退会刷新,不会定位到之前浏览的位置,让我讲怎么实现定位;
但我在网上查到说history.go(-1)会刷新,history.back不会刷新;
我用如下代码在火狐浏览器的测试结果为两种方法都会刷新并且定位到之前浏览的位置:
A页面(首先打开):_index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div style="height: 200px;background-color: #ff2d51"></div>
<div style="height: 200px;background-color: #00b3ff"></div>
<div style="height: 200px;background-color: #1aad19"></div>
<div style="height: 200px;background-color: #ff2d51"></div>
<a href="./_index_1.html" id="data-link">定位到此</a>
<div style="height: 200px;background-color: #ff2d51"></div>
<div style="height: 200px;background-color: #00b3ff"></div>
<div style="height: 200px;background-color: #1aad19"></div>
<div style="height: 200px;background-color: #ff2d51"></div>
<a href="./_index_1.html">定位到此</a>
</body>
<script src="navigateWithLocation.js"></script>
</html>
B页面(回退按钮):_index_1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<button onclick="history.go(-1);">定位回退go</button>
<button onclick="history.back();">定位回退back</button>
</body>
<script src="navigateWithLocation.js"></script>
</html>
js:navigateWithLocation.js
window.onload=function () {
console.log(new Date());
}
这道题是我理解错了还是测试代码有问题?
但我在网上查到说history.go(-1)会刷新,history.back不会刷新;
我用如下代码在火狐浏览器的测试结果为两种方法都会刷新并且定位到之前浏览的位置:
A页面(首先打开):_index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div style="height: 200px;background-color: #ff2d51"></div>
<div style="height: 200px;background-color: #00b3ff"></div>
<div style="height: 200px;background-color: #1aad19"></div>
<div style="height: 200px;background-color: #ff2d51"></div>
<a href="./_index_1.html" id="data-link">定位到此</a>
<div style="height: 200px;background-color: #ff2d51"></div>
<div style="height: 200px;background-color: #00b3ff"></div>
<div style="height: 200px;background-color: #1aad19"></div>
<div style="height: 200px;background-color: #ff2d51"></div>
<a href="./_index_1.html">定位到此</a>
</body>
<script src="navigateWithLocation.js"></script>
</html>
B页面(回退按钮):_index_1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<button onclick="history.go(-1);">定位回退go</button>
<button onclick="history.back();">定位回退back</button>
</body>
<script src="navigateWithLocation.js"></script>
</html>
js:navigateWithLocation.js
window.onload=function () {
console.log(new Date());
}
这道题是我理解错了还是测试代码有问题?
...全文
相关推荐
[removed]history.go()和History.back()的区别及应用
为提高用户体验度,可能会使用到刷新 前进 后退等相关更能,本文将以此问题详细介绍[removed]history.go()和History.back()的区别及应用,需要的朋友可以参考下
javascript-history.go()和History.back()的区分_.docx
javascript-history.go()和History.back()的区分_.docx
js 返回上一页和刷新
js 返回上一页和刷新
js实现无刷新监听URL的变化的示例代码
主要介绍了js如何无刷新监听URL的变化,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
js 返回上一页和刷新 的代码
1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2);2. history.back().3. window.history.forward()返回下一页4. window.history.go(返回第几页,也可以使用访问过的URL) 例:<a>向上一页</a>response.Write("[removed]")response.Write("if(!confirm(‘完成任务?’)){history.back();}")re


