javascript - 如何使用 JavaScript 更改链接的 HREF？

Question

我正在制作一款游戏，我希望玩家可以通过点击来切换页面的颜色。具体来说，我想让播放器能够将 Bootstrap 主题(遵循取自 Bootswatch 的主题)从 Cerulean 更改为 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>