如何根据读取的 cookie 值使超链接指向不同的 url？

Question

场景

在我的网站上，每个页面的菜单（通常的“服务”、“关于我们”、“联系我们”菜单）上都有指向“contactus.html”页面的链接，并且每个页面都是使用 Dreamweaver 模板制作的，并且该菜单只能在.dwt 模板文件本身。

当用户第一次访问“index.html”时，会放置一个名为“client-location”的cookie，其中包含客户端的位置。

期望的结果：

当客户点击 Contact Us 菜单项时，我想读取 client-location cookie 并将用户发送到正确的联系页面，例如contactus2.html 或 contactus3.html。

我是从下面链接中的 stackoverflow 答案中得到的。 script.js 文件中会包含这样的内容

{
    document.getElementById("contactlink").onclick = function() {
    var clientlocation = readCookie(); // this returns contact1.html, a weblink

    document.getElementById("contactlink").href=clientlocation; 
}

可能的问题：

用户第一次访问网站时完全有可能直接进入“关于我们”部分，而 cookie 根本不会被放置来提及他们的位置。在这种情况下，我想访问 contatus1.html ，这是一个通用的联系我们页面。

如果 javascript 被禁用，那么浏览器在点击时甚至不会去任何地方。

我在网上阅读并检查了这个 How to change href of <a> tag on button click through javascript 也是，但我想知道是否 a) 会有任何可访问性问题 b）如果这是一个好方法

Answer 1

您的“联系我们”页面肯定有固定位置吗？对我来说，这似乎是对 cookie 的不必要使用。

example.com/ContactUs 可以通过链接到../ContactUs 等方式从example.com/stuff/About 引用。

同样，您可以使用location.protocol + '//' + location.host（在此处返回example.com）并附加必要的页面来拉取​​文档根目录。

var clientlocation = location.protocol + '//' + location.host + '/ContactUs';
document.getElementById("contactlink").href=clientlocation;

Answer 2

如果禁用了 javascript，那么您将无能为力。 Javascript 将不会执行。 此流程可以由服务器端脚本独立于浏览器进行处理。

Answer 3

你不能将链接的href设置为contactus1.html，这样如果JS被禁用，链接仍然可以工作吗？至于未设置的 cookie，您只需检查 clientLocation 是否为 null（或空白或您的 readCookie 函数返回的任何内容），如果是，请将 href 设置为 contactus1.html。

Answer 4

解决这个问题的一种方法是使用 PHP。

就像你说的，如果用户的浏览器不支持 JS 或者只是没有它，它就无法工作，所以服务器端的解决方案可能会更好。

例如：

<?php

function generateLink($location)
{
 switch($location)
 {
  case 0:
   echo '<a href="location1.html">Contact us</a>';
   break;
  case 1:
   echo '<a href="location2.html">Contact us</a>';
   break;
 }
}

?>