JS跳转技巧及页面导航设置 a标签跳转属性使用原理

JS如何实现在页面间跳转及传递参数

说到网页跳转，有很多时候我们会用JS或者a标签来搞定。比如你想从userzone.html里，点击按钮跳回上一页，很简单，按钮onclick写个javascript:window.history.go(-1);，就搞定了，别太复杂，超级方便！

或者你想跳转到某个页面同时带点参数，比如JSP里点击table某一行，然后跳转，把那行的第一个数据带过去。这时候咱们只要在<tr>标签里加个onclick事件，跳转地址直接拼参数，比如location.href='page.jsp?param='+value。接收的话，在JSP里用request.getParameter或者如果用Struts2啥的，用它的参数接收方式就行了。总之很灵活，真心简单。

还有登录跳转，超级实用！你在登录页用Ajax或者JS存个cookie，记录用户名啥的，跳转到主界面后，通过JS拿cookie值，再显示“welcome + 登录名”，感觉高大上！这方案挺常用，操作很顺畅。

a标签跳转属性及日期跳转的适用技巧

话说a标签跳转，有时候你根本不必用JS，“真的没必要！”只要在<a>标签里加属性，例如rel="nofollow"，搜索引擎就自动忽略这个链接，权重啥的都不传，特别能省劲。而且你平常想新窗口打开页面，a标签有target="_blank"，或者JS里window.open('url')，按需来，so easy！

说到根据系统日期跳转页面，也相当酷炫。例如写一行：

location.href = new Date().getDate() + ".html";

它就能自动跳到当天日期对应的页面，比如23号就跳到23.html，简直聪明得不要不要的！当然，这得确保你的页面文件名和日期保持一致哈。

对于不想跳转页面，但点击左边标题想右边变内容，这玩意儿叫选项卡，得用JS配合CSS完成。你点击左边菜单，JS负责切换显示内容区，完全不用刷新页面，体验感杠杠的！

另外，有些需要根据用户输入设定的“卡密”自动跳转的功能，还是用JS搞定比较快。设置token存在cookie里，每次进来检测，没权限的话提示输入密码或者拒绝访问，这种简单但挺实用的方案扑面而来，安全性就得看你怎么配合后端啦。

相关问题解答

1. JS跳转页面一般要注意什么地方呢?
   哎呀，这问题问得好！其实跳转的时候，最要紧的是确保你的路径或者URL对头了，不然页面打不开就尴尬了。还有一点，小伙伴们要注意参数传递格式，别写错了，参数收不到超级烦人。另外，跳转之前你也可以先做好状态保存，比如存cookie啥的，这样回来体验更棒，对吧？总之，跳转是常事，细节做好，省心省力！

2. a标签里的rel="nofollow"有什么用呀?
   唉，这个特别适合咱们不想让搜索引擎传权重给某些链接的情况。比如广告链接啊，或者那些不重要的页面。加了这个属性，搜索引擎就会悄悄忽略，啥权重、爬取啥的都不管你。这样能帮你合理分配网站权重，SEO效果更好，真是个小妙招，别小看它！

3. 根据系统日期跳转页面怎么实现效果更好?
   嘿，这个其实超简单，正如上面说的，location.href = new Date().getDate() + ".html";就能快狠准跳对应页。为了更稳妥，咱们可以先检查对应页面是否存在，避免跳到404，这样用户体验嗖嗖提高。如果是多环境多页面，甚至可以结合服务器端控制，啥都灵活得很！

4. 怎么实现点击左边菜单，右边内容不跳转网页呢?
   这个就是咱们常说的“选项卡”效果！用JS配合点CSS就能轻松搞定。当用户点左边标题的时候，JS给对应内容区做显示隐藏操作，页面不会刷新，瞬间变换内容，看着超流畅，特别适合单页面应用。关键是代码写起来不难，效果还挺炫，自己动手试试看吧！