现在的位置: 首页 > web前端 > 正文

后台系统无刷新页面记录当前操作位置方法

2020年02月12日 web前端 ⁄ 共 508字 ⁄ 字号 评论关闭

在后台系统中使用无刷新页面用户体验好,但是一旦刷新页面就会回到首页,很不好,如何记录当前的操作呢?

锚点:

当点击导航连接时,把当前节点记录到锚点(在url后面加上#xxx),当刷新页面时,获取到锚点对应的dom元素,调用click()方法模拟点击到操作位置即可.

window.onload = function () { //获取#后面的内容 var query = location.href.split("#"); 存在锚点时模拟点击 if(query[1]){ $("[_href='"+query[1]+"']")[0].click(); } clicktj(); }; function clicktj() { //点击导航时记录锚点 $(".layui-nav-child a").click(function () { var miaodian = $(this).attr("_href"); location.href = location.href.split("#")[0]+"#"+miaodian; }); }

以上就上有关后台系统无刷新页面记录当前操作位置方法的相关介绍,要了解更多php教程_php自学_php视频教程下载 - 绵阳技术博客内容请登录学步园。

抱歉!评论已关闭.