页面的传参跳转问题，用JS实现

Question

做一个企业网站的选择列表，要实现点击后选择的内容背景变颜色，点击下一个时候上一个回到原来的颜色，同时地址随之改变，是传一个参数那个那样的，点击一下，页面就刷新一下，怎么样实现？

Answer 1

看这要求，好像不用JS吧

你每个导航tab都是一个a链接，链接到不同的页面，每个页面中的导航tab颜色什么的都对应各自页面写好就好了啊

Answer 2

首先说明一下什么是路由（Router）

“根据用户交互，提供根据url将用户所需的页面的程序”

路由分前端路由和后端路由

后端路由非常普遍

一个a连接， 后端router监听到 get请求，然后response 所需要的页面

您说的问题就可以使用后端Router 进行解决，

每个页面的列表背景颜色加深的选项都不同，根据需求返还不同的页面

这样做的缺点是
1.频繁的进行http请求，加载新的页面又需要一定的加载时间，不利于交互的进行

前端路由

而前端路由，则是在只在前端进行切换，不进行http的交互

根据 url #后面的参数，重新渲染整个页面，并且切换被点击的选项的class

如果 您用过reactjs 的话， 其中配套的 react-router 就是一种前端路由

总结

什么时候用前端路由 什么时候后端路由？

这要根据您的网站的需求决定

如果您的网站 只需要展现几个网页 没有复杂的交互 使用后端路由

如果您的网站 需要进行大量且复杂的交互 为了提升交互体验，可选择使用前端路由

不过技术选型也不是我们这些小码农能决定的，如果您是站长那就另当别论了~