Question

我正在制作游戏，我希望玩家可以点击一些东西来切换页面的颜色。具体来说，我想让玩家能够将从Cerulean到Darkly的Bootstrap主题（从Bootswatch采取的主题）更改为使页面样式看起来不同。

要做到这一点，我需要能够使用JavaScript更改链接的HREF。我该怎么做呢？

Answer 1

由于您正在使用twitter-bootstrap，我认为您正在使用jQuery。您可以通过简单的呼叫更改<link>的{{1}}属性：

href

但是，我担心这不一定会重新加载页面的CSS。也许您可以为网站（或其他一些参数）设置$("link[href=OLDHREFYOUWANTTOCHANGE]").attr("href", newURL.com)并根据具体情况加载一组样式表。

例如，在页面顶部：

window.location.hash

Answer 2

让它正常工作的最简单方法是简单地重新加载页面，只根据需要加载特定的css文件。

但你可以像这样添加一个新的css文件，不确定它是否能在所有情况下正常工作，因为它不会重置旧的css：

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

Answer 3

如果您使用的是jQuery，请使用：

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

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

3 个答案: