javascript - CSS切换后如何刷新页面样式

我有一个javascript函数，可以从影响我的网站的两个不同css文件切换。问题是css只在我的函数中部分应用，我需要刷新浏览器以获得整个新样式。
以下是我的功能：

function switch_style ()
{
    var head=document.getElementsByTagName('head')[0];

    for (i = 0, link_tag = document.getElementsByTagName("link"); i < link_tag.length ; i++ )
    {
            if ((link_tag[i].rel.indexOf( "stylesheet" ) != -1) && link_tag[i].title)
            {
                if (link_tag[i].title == "normal")
                {
                    head.removeChild(link_tag[i]);
                }
            }
    }
    var cssNode = document.createElement('link');
    cssNode.type = 'text/css';
    cssNode.rel = 'stylesheet';
    cssNode.href = '/templates/rhuk_milkyway/css/template_contrast.css';
    head.appendChild(cssNode);
    set_cookie( style_cookie_name, "contrast", style_cookie_duration );
}

如您所见，我删除了一个新样式，然后将其附加到页眉。
有没有办法更新造型？
（所有浏览器都会发生这种情况）

最佳答案

CSS。

<link href="/css/main.css" rel="stylesheet"type="text/css" title="main" media="screen" />
<link href="/css/alt1.css" rel="alternate stylesheet" type="text/css" title="alt1" media="screen" />

JavaScript

function switch_style (title) {
   var lnks = document.getElementsByTagName('link');
   for (var i = lnks.length - 1; i >= 0; i--) {
   if (lnks[i].getAttribute('rel').indexOf('style')> -1 && lnks[i].getAttribute('title')) {
      lnks[i].disabled = true;
      if (lnks[i].getAttribute('title') == title) lnks[i].disabled = false;
    }}}

关于javascript - CSS切换后如何刷新页面样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4073913/