动态加载的页面,如何解决“后退”/"前进"问题?

灼眼的超哥 灼眼的超哥 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
有些网站,给人感觉是局部加载的,比如淘宝商品筛选页面、Github的文件目录浏览页面,在加载后,地址栏中的地址会跟着变化,可以像普通页面那样正常的后退和前进。

我之前用<Iframe>,靠 http://test.com/#!/test.html 这种格式让index.html根据 #!/ 后面的地址载入子页面,虽然实现了的局部页面加载(不刷新整张页面),但后退/前进时,页面并没跟着地址栏中的地址在变化。当然,要跟着变化可以再写点JavaScript代码,检测地址是否有变化,然后更新<iframe>中的页面地址。

据说可以用Jquery的load()方法加载,那加载后,页面能后退和前进吗?

主要是想知道简单快捷的方法。
...全文

相关推荐

vue项目实现前进刷新后退不刷新

此项目代码包括3种(大同小异的)方式实现页面数据的前进刷新后退不刷新的功能,分别可以参考页面的2、3、4代码的实现,欢迎有问题及时反映

zuo-yiran

vue路由中前进后退的一些事儿

主要给大家介绍了关于vue路由中前进后退的一些事儿,文中通过示例代码介绍的非常详细,对大家学习或者使用vue路由具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧

weixin_38654915

基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题

需要使用的 jquery.history.js插件 在巨人的肩膀之上,以下前进后退工作基于插件完成! 做了几个兼职,上天帮人完成页面的时候顺便做了一个ajax的请求。发现浏览器的刷新,后退,前进按钮失效。于是乎google了一下。发现了一些解决方法。其中一个jquery.hashchange.js的插件有的时候会失效,有的时候会造成页面多次请求。 换另外一个插件测试下,完美达到我的要求。 总的思路,在url上加上参数,一切工作基于这个参数完成。 代码如下: //截取传入字符串中第一次出现的需要的字符串。fieldName+tag 和endTag之间的内容 function getQueryS

weixin_38607311

vue实现前进刷新后退不刷新效果

最近在用vue尝试着做移动端的项目。希望实现前进刷新、后退不刷新的效果。即加载过的界面能缓存起来(返回不用重新加载),关闭的界面能被销毁掉(再进入时重新加载)。例如对a->b->c 前进(b,c)刷新,c->b->a 后退(b,a)不刷新。 由于 keep-alive 会把所有加载的过的界面都缓存起来,没法实现返回时将界面销毁掉,导致再进入时没有重新加载这个界面。于是首先想到的方案是在点击界面上返回按钮的时候,调用 this.$destroy(true) 来将界面销毁掉。但是在移动端 android设备上会有物理返回键,如果通过物理返回键返回的话,就没法处理了。虽然可以重写android的返回

weixin_38639615

wkwebView定制浏览器,前进 后退 显示加载进度条和标题

wkwebView定制浏览器,前进 后退 显示加载进度条和标题

小菜菜锅锅
评论 6
收藏 已收藏
分享
返回顶部
灼眼的超哥
JavaScript 87,983 成员 224,681 内容