javascript - 根据选定的样式表在页面之间导航时切换链接文本

Question

我在我的网站上安装了一个脚本，允许低对比度设置和高对比度设置，因为我的网站将由视力障碍者使用。该脚本完美运行。唯一的问题是当访问者访问网站的多个页面时。

当您第一次访问该网站时，默认情况下低对比度设置有效，并且仅显示指向高对比度设置的链接。如果我随后访问网站的其他页面，则默认情况下低对比度设置有效，并且仅显示高对比度链接(这是完美的，应该如此)。

问题就在这里。如果我单击高对比度链接以高对比度设置查看页面，然后转到另一个页面，则另一个页面会显示在高对比度设置中(理应如此)，但不会出现指向低对比度设置的链接(我希望发生这种情况)，出现一个指向高对比度设置的链接(这没有意义，因为页面已经处于高对比度设置)。

为了解决这个问题，我知道如果我在每个页面的开头放置一个“查询字符串 javascript”，每个页面中的链接会将当前的对比度设置传递到下一页(只要访问者通过链接移动，而不是直接在地址栏中输入)。有谁知道如何创建这样的“查询字符串javascript”？我尝试自己创建这样的字符串，但没有成功。

我的网站还没有完成，但我在 http://www.14kt.eu/ 发布了几页这样你就可以明白我在说什么。

感谢您抽出时间，克里斯

Answer 1

查看您网站上的代码，我可以看到您正在使用 DynamicDrive.com 中的一些示例代码。当您在页面之间切换时，此代码已使用 cookie 来跟踪要使用的样式表(高对比度或“无”低对比度)。

您所需要做的就是添加 JavaScript 行来切换选择样式表的跨度链接的可见性。这需要在页面加载时运行。

<小时/> 更新:由于代码需要在每个页面中运行，因此只需对“ script_1.js”文件进行更改即可。它当前有一个名为 FixRows() 的函数，该函数在 window.onload 事件中运行。只需在其中添加新代码，如下所示:

// JavaScript Document
function FixRows(){
  var oddclass = 'sld';
  var evenclass = 'sl';
  var ulID = 'listings';
  var listings = document.getElementById(ulID);
  if(listings !=null){
    var rows = listings.getElementsByTagName('li');
    var len = rows.length;
    for(var i = 0; i < len; i++){
      rows[i].className = (i%2)?oddclass:evenclass;
    }
  }

  /* new code here */
  if(getCookie("mysheet") == 'highcontrast'){
    swapFor('Hc','Lc');   
  }
  /* end new code */

};
window.onload = FixRows;