[html]history禁用浏览器的后退功能(包括其他操作后退的按钮,操作等)
前端在编写代码的时候可能会使用到禁用浏览器的后退功能,为使后退功能更加的完善,所以需要禁用掉很多的其他操作,比如键盘的按钮,组合快捷键等等。
这里是一段关于js完全禁用浏览器后退的功能。
<script language="javascript"> //防止页面后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL); }); </script>
在一般的html中使用这个功能时,对整个页面都会启用禁用的功能;
在vue等的spa项目中使用,你可以在统一的地方进行及时的后退功能的禁用。那么,我们应该这样描述:
export function disableHistory (url) { //防止页面后退 history.pushState(null, null, url); window.addEventListener('popstate', function () { history.pushState(null, null, url); }) }
同时我们在进入某个页面的时候就可以去执行这个函数:
import { disableHistory } from ‘./disableHistory’ export default { beforeCreate () { disableHistory(document.URL) }, // ... }
虽然我们不能直接一起禁用掉我们想禁用的所有页面,但是我们的页面显示也是互斥的,即一个浏览器tab不能一次显示多个页面,只能含有一个url。只要我们在想禁用的页面显示之前或者用户操作后退之前禁用掉即可。
当然你也可以使用这个函数来实现更改url但页面不进行刷新的操作!
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
使用Docker Hub持续构建容器镜像
Context Docker作为一个轻量的的虚拟化容器技术,在现在的自动化运维上被广泛使用,同时伴随着各大云平台AWS、Aliyun,以及容器编排引擎kubernetes也都是基于Docker作为服务的基本单元,所以部署应用的第一步往往就是制作应用镜像,也就是编写Dockerfile,比如 From openjdk:8-jdk-alpine COPY ./build/app.jar ./ CMD "java -jar app.jar" 其基本过程是: 基于一个基础镜像,比如Java:alpine 构建项目,生成一个成果物,比如jre 定义镜像的入口即ENTRYPOINT或者CMD,"java -jar xx.jre" 在实际的项目中,编写的Dockerfile远非如此简单,比如openjdk提供的基础镜像里面可能没有我们需要的环境依赖,比如我们构建一个java项目时需要gradle支持;比如有一个依赖包它发布在github上,我们需要一个git命令;又比如我们在镜像的运行时,需要用gitcrypt解密一些敏感的环境变量;这就意味着我们需要基于基础镜像对一定的改造,比如加入:RUN ap...
- 下一篇
Java面试
1、java事件机制包括哪三个部分?分别介绍。 2、为什么要使用线程池? 3、线程池有什么作用? 4、说说几种常见的线程池及使用场景。 5、线程池都有哪几种工作队列? 6、怎么理解无界队列和有界队列? 7、线程池中的几种重要的参数及流程说明。 8、什么是反射机制? 9、说说反射机制的作用。 10、反射机制会不会有性能问题? 11、你怎么理解http协议? 12、说说http协议的工作流程。 13、http有哪些请求提交方式? 14、http中的200,302,403,404,500,503都代表什么状态? 15、http get和post有什么区别? 16、你怎么理解cookie和session,有哪些不同点? 17、什么是web缓存?有什么优点? 18、什么是https,说说https的工作原理? 19、什么是http代理服务器,有什么用? 20、什么是虚拟主机及实现原理? 21、什么是Java虚拟机,为什么要使用? 22、说说Java虚拟机的生命周期及体系结构。 23、说一说Java内存区域。 24、什么是分布式系统? 25、分布式系统你会考虑哪些方面? 26、讲一讲TCP协议的三...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- CentOS7安装Docker,走上虚拟化容器引擎之路
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题
- CentOS7编译安装Gcc9.2.0,解决mysql等软件编译问题
- Docker使用Oracle官方镜像安装(12C,18C,19C)
- Docker安装Oracle12C,快速搭建Oracle学习环境
- CentOS7设置SWAP分区,小内存服务器的救世主
- SpringBoot2全家桶,快速入门学习开发网站教程
- CentOS6,7,8上安装Nginx,支持https2.0的开启
- CentOS8安装Docker,最新的服务器搭配容器使用
- CentOS关闭SELinux安全模块