Question

我有一个SharePoint服务器Intranet站点，显示分配了标签以帮助排序的博客帖子。 SharePoint允许您使用查询字符串动态地对博客进行排序 - 因此从技术上讲，页面URL保持不变，只需在URL的末尾添加“？name = topic”即可对博客文章进行排序。

我在顶部有一行简单的标题，允许用户点击标题对页面上显示的信息进行排序。每个标题都是相同的URL，最后是差异查询字符串。

e.g。排序方式：
视频（www.websitename.aspx？name = video）

图片（www.websitename.aspx？name = images）

音频（www.websitename.aspx？name = audio）

我想根据“有效”或选定的标题设置标题样式。如何根据查询字符串参数将标题的CSS类更改为“selected”？（或者有更简单的方法吗？）

我仍然在学习Javascript - 所以我正在寻找一个不太难实现的解决方案。

谢谢！

贾里德

Answer 1

您可以使用Javascript轻松获取查询字符串：

window.location.search.substring(1);

window.location是整个网址，search.substring是问号后面的部分。所以现在你可以实现一个丑陋的switch语句，根据你的查询字符串改变样式：

  var queryString = window.location.search.substring(1); 

  switch (queryString) {
    case "video": videoelement.style.background = red;
                   break;

    case "images": imageselement.style.background = red;
                     break;

    case "audio": audioelement.style.background = red;
                     break;
  }

如何根据查询字符串参数更改CSS类

1 个答案: