1 //控制浏览器和移动端的后退按钮
 2           if (window.history && window.history.pushState) {
 3             $(window).on('popstate', function () {
 4               var block1 = $('#pop').css('display');
 5               if (block1 == 'block') {
 6                 window.location.href = attrHref;
 7               }
 8               var hashLocation = location.hash;
 9               var hashSplit = hashLocation.split("#!/");
10               var hashName = hashSplit[1];
11               if (hashName !== '') {
12                 var hash = window.location.hash;
13                 if (hash === '') {
14                   popBox.style.display = 'none'
15                   popSub.style.display = 'block'
16                   // $("#pop").fadeIn(500);
17                   // window.history.pushState('forward', null, 'http://xxl.njxsmfyh.com/0502/ht/');
18                   // window.location.reload();
19                 }
20               }
21             });
22             history.pushState(null, null, location.href);
23             window.addEventListener('popstate', function (event) {
24               history.pushState(null, null, location.href);
25             });
26           }

转载于:https://www.cnblogs.com/jkr666666/p/10365612.html

js-控制浏览器和移动端的后退按钮 . popstate相关推荐

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

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

  2. js控制浏览器窗口弹出、警告框、确认框

    描述 js控制浏览器窗口弹出.警告框.确认框 代码 function fun1(){alert("喜欢我"); }function fun2(){var bo = confirm( ...

  3. js 控制浏览器 实现全屏 和 退出全屏功能

    在工作中我们偶尔遇到不需要浏览器导航栏和标题栏,需要将整个项目全屏展示的情况,虽然有一些快捷键可以实现此效果,但我们更希望项目中有类似的功能,可以让用户任意切换. 1.js 功能处理 //本案例只为演 ...

  4. js控制浏览器全屏显示

    window.navigator.userAgent.indexOf('MSIE')<0为true时,表示浏览器支持进入全屏 还需做兼容性判断 <!DOCTYPE html> < ...

  5. js控制浏览器放大或者缩小

    问题一: 希望改变当前页面所在的浏览器窗口的大小 解决方案: 使用window对象的方法:resizeTo()和resizeBy().比如: window.resizeTo(800, 600); // ...

  6. js控制浏览器全屏踩坑记录

    需求 点击以下按钮后,页面进入全屏. 进入全屏后,按钮样式改变为 恢复非全屏时,按钮自动恢复. 难点 需求很简单,但是实际上手发现有几个难点: 1.浏览器在全屏状态下按F11和Esc可以退出全屏,且全 ...

  7. js 控制浏览器窗口大小

    //打开一个新窗口并设置其大小window.open('index.html','','width=450,height=750,location=no,menubar=no,status=no,to ...

  8. 原声js控制浏览器全屏或者退出全屏

    开启全屏 if (document.documentElement.requestFullscreen) {document.documentElement.requestFullscreen(); ...

  9. JS 控制浏览器全屏和取消全屏

    注意:这里没考虑IE低版本问题 代码: //全屏 function fullScreen(){var el = document.documentElement;var request_full_sc ...

最新文章

  1. Q686 重复叠加字符串匹配
  2. codeforces水题100道 第十一题 Codeforces Round #143 (Div. 2) A. Team (brute force)
  3. 真正理解 MySQL 的四种隔离级别
  4. python人脸识别从入门到工程pdf_Python人脸识别:从入门到工程实践
  5. OpenFOAM边界类型(终极详细介绍)
  6. HOSTNAME问题 和yum配置163源的操作 安装lsb_release,KSH,CSH
  7. python numpy 技巧
  8. Software Switching优化
  9. SLAM--G2o实现BA优化
  10. 方波信号的上升沿与带宽
  11. 工控机运行linux,什么是linux嵌入式工控机
  12. Educational Codeforces Round 60 (Rated for Div. 2) E. Decypher the String(构造)
  13. mysql-5.7 基础篇
  14. 如果不从事编程,我可以做什么?
  15. 【论文学习】G-Rep:面向任意目标检测的高斯表示
  16. L1-020 帅到没朋友(C语言)
  17. Python画图之饼图
  18. 小米pro如何关闭安全启动_Apple的新安全功能不会让您维修MacBook Pro或iMac Pro [更新]...
  19. 多多视频带货最容易出单的4个品类!
  20. DevOps基础-1.2-DevOps的CAMS价值体系

热门文章

  1. 为什么在编译程序的时候会出现“无法启动程序,因为计算机中丢失了mfc120d.dll,尝试重新安装程序以解决此问题”
  2. 【Arduino+ESP32专题】案例:使用INA3221监控电压电流
  3. 一加官网 一加官网首页 OnePlus
  4. 44从零开始学Java之详解容易让初学者懵圈的abstract抽象类、抽象方法
  5. 经济学原理-曼昆 学习笔记一
  6. 当程序员需要学什么,自身具备什么?
  7. 华为设备初始用户名和密码
  8. Navi title偏移问题 一般发生在模拟器
  9. SpringBoot的CRUD
  10. Gestures(手势)