如图效果怎么实现

Question

1.这种效果怎么实现？
2.跳转页面后，他怎么判断选项选中的？
我的想法 js 获得当前url 哪个链接url相同则选择

Answer 1

记录上次选中的值（方式：参数、sesstionStragegy等），跳转页面后读取记录显示就好了，还有什么？？

Answer 2

刚刚去看了下他家的网站，我的第一判断就是他的这种效果并非前端实现，而是服务端实现的，验证的方式很简单
将浏览器的js给禁止掉，你会发现效果不会消失，这说明在html在被输出到页面的时候，对应的item就已经被选中了，为了再次验证，查看源代码(如果是通过js添加上去的，右击查看源代码是看不到的)

结论：

1. 改效果后端实现
2. 类似这种网站都会做静态话处理，主要是为了seo和响应速度

3. 后端通过restful风格进行参数接收，如果是java实现，后端的接口定义可能如下：

    @RequestMapping(value = '/ershoufang/{location}', method = RequestMethod.GET)

Answer 3

你的想法是对的，这也是最简单的处理方式，

const { pathname } = location;

从url上获取到pathname，即com后面的那一段，刚好和下面的链接href值是相同的，遍历所有区域下的a链接，

if (aTag.href === pathname) { 
    aTag.className = 'on'; 
}

Answer 4

在URI中有很多信息啊