js实现浏览器中的前进、后退按钮

JavaScript中window.history 对象包含浏览器历史，history.back()等同于在浏览器点击后退按钮
，history.forward() 等同于在浏览器中点击前进按钮。

history.back() 方法

加载历史列表中前一个 URL，相当于在浏览器中点击后退按钮。

在页面中创建后退按钮：

<html>
<head>
<script>
function goBack() {window.history.back()}
</script>
</head>
<body>
<input type="button" value="Back" onclick="goBack()">
</body>
</html>

history forward() 方法

加载历史列表中下一个 URL，这等同于在浏览器中点击前进按钮。

在页面中创建前进按钮：

<html>
<head>
<script>
function goForward() {window.history.forward()}
</script>
</head>
<body>
<input type="button" value="Forward" onclick="goForward()">
</body>
</html>

js实现浏览器中的前进、后退按钮相关推荐

js判断wifi_使用JS在浏览器中判断当前网络连接状态的几种方法
使用JS在浏览器中判断当前网络状态的几种方法如下: 1. navigator.onLine 2. ajax请求 3. 获取网络资源 4. bind() 1. navigator.onLine 通过na ...
[js] 在不支持js的浏览器中如何隐藏JavaScript代码？
[js] 在不支持js的浏览器中如何隐藏JavaScript代码? 在<script>标签之后的代码中添加"<!-– ",不带引号. 在</script&g ...
狗和披萨：使用TensorFlow.js在浏览器中实现计算机视觉
目录起点托管说明 MobileNet v1 运行物体识别终点线下一步是什么?绒毛动物? 下载TensorFlowJS示例-6.1 MB TensorFlow + JavaScript.现在,最 ...
使用TensorFlow.js在浏览器中进行深度学习入门
目录设置TensorFlow.js 创建训练数据检查点定义神经网络模型训练AI 测试结果终点线内存使用注意事项下一步是什么?狗和披萨? 下载TensorFlowJS示例-6.1 MB T ...
使用face-api和Tensorflow.js在浏览器中进行AI年龄估计
目录性别和年龄检测下一步是什么? 下载源-10.6 MB 在上一篇文章中,我们学习了如何使用face-api.js和Tensorflow.js在浏览器中对人的情绪进行分类. 如果您尚未阅读该文章, ...
图像迁移风格保存模型_用TensorFlow.js在浏览器中部署可进行任意图像风格迁移的模型...
风格迁移一直是很多读者感兴趣的内容之一,近日,网友ReiichiroNakano公开了自己的一个实现:用TensorFlow.js在浏览器中部署可进行任意图像风格迁移的模型.让我们一起去看看吧! Gi ...
js如何在浏览器中运行php文件下载,JavaScript_用JS在浏览器中创建下载文件，但受限于浏览器，很多情况下 - phpStudy...
用JS在浏览器中创建下载文件但受限于浏览器,很多情况下我们都只能给出个链接,让用户点击打开->另存为.如下面这个链接: file.js 用户点击这个链接的时候,浏览器会打开并显示链接指向的文件 ...
使用迁移学习和TensorFlow.js在浏览器中进行AI情感检测
目录 KNN分类器迁移学习我们的技术栈配置使用KNN分类器将代码放在一起测试结果下一步是什么? 下载源-10.6 MB 在上一篇文章中,我们已经看到了加载预训练模型有多么容易.在本文中, ...
后退键无效 html,javascript – Cordova – window.history.back()不支持iOS 9中的HTML后退按钮...
在我的应用程序中,我使用window.history.back导航回上一个View 后退按钮声明按钮动作: $("#verification_back_icon").on(&qu ...

js实现浏览器中的前进、后退按钮

history.back() 方法

history forward() 方法

js实现浏览器中的前进、后退按钮相关推荐

最新文章

热门文章