如何根據查詢字符串參數更改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類

回答

相關問題