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

我有一个SharePoint服务器Intranet站点，它显示分配了标签以帮助排序的博客文章。 SharePoint允许您使用查询字符串动态地对博客条目进行排序 - 因此技术上页面URL保持不变，并且只需在URL末尾添加“？name = topic”即可对博客文章进行排序。如何根据查询字符串参数更改CSS类

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

例如排序方式：
视频（？www.websitename.aspx名=视频）

图片（？www.websitename.aspx名=图片）

音频（？www.websitename.aspx名=音频）

我想根据“活动”或选定的标题对标题进行样式设置如何根据查询字符串参数将标题的CSS类更改为“selected”？（或者有更简单的方法要做到这一点？）

我仍然在学习我的方法Javascrip吨 - 所以我正在寻找一个不太具有挑战性的解决方案。

谢谢！

贾里德

来源

2011-09-09 Jared Cameron

您可以轻松地使用JavaScript获得查询字符串：

window.location.search.substring(1);

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

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; 
    }

来源

2011-09-12 09:01:38

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

回答

相关问题