如何使用JavaScript更改鏈接的HREF？

Question

我在做一個遊戲，我想要讓玩家可以點擊切換頁面的顏色。具體而言，我希望玩家能夠將Cerutaan中的Bootstrap主題（從Bootswatch獲取主題後）更改爲Darkly，以使頁面樣式看起來不同。

爲此，我需要能夠使用JavaScript更改鏈接的HREF。我將如何完全做到這一點？

Answer 1

由於您使用的是twitter-bootstrap，我假定您使用的是jQuery。你可以改變一個<link>的href屬性用一個簡單的電話：

$("link[href=OLDHREFYOUWANTTOCHANGE]").attr("href", newURL.com)

不過，這恐怕也不一定會重新加載頁面的CSS。也許你可以爲網站（或其他參數）設置一個window.location.hash，並根據這個加載一組樣式表。

例如，在你的頁面的頂部：

<script> 
    var hash = window.location.hash; 
    if (hash === "#blue") 
     //add blue stylesheet 
    else 
     //add red stylesheet 
</script> 

Answer 2

如果您使用的jQuery的使用：

$(location).attr('href','http://www.newurlorwhatever.com'); 

Answer 3

最簡單的方法得到它的正常工作是簡單地重新加載頁面，並只根據需要加載特定的css文件。

但你可以添加一個新的CSS文件這樣的，不知道這是否會在所有情況下正常工作，因爲它不會重置您的舊的CSS：

var link = $('<link>'); 
link.attr({ 
     type: 'text/css', 
     rel: 'stylesheet', 
     href: <your CSS file url> 
}); 
$('head').append(link);