在切换javascript时，Chrome应用样式表的速度非常慢

我有一段javascript，可以通过点击按钮来切换页面的样式表。它在IE和Firefox中运行良好且快速，但在Chrome中运行非常缓慢。重新渲染大约需要30秒，这是在我的开发机器上完成的。加载时间只有几毫秒。我在angularjs中尝试过使用ng href并将样式表文件名绑定到范围变量，但在Chrome中效果不佳。然后我加入了jquery并这样做

 var sheetName = "Content/RPNCalc-" + sizes[size] + ".css";
  angular.element("link[rel='stylesheet']").attr("href", sheetName);

同样，这在IE&FF中非常有效，但在Chrome中大约需要30秒

最好的方法是什么

---

谢谢

最后，我作为一个名为“活动工作表”的指令执行了此操作，并操纵了“禁用”属性。在IE FF和Chrome中工作

  <link rel="stylesheet" type="text/css" active-sheet="small" href="Content/RPNCalc-small.css" />
    <link rel="stylesheet" type="text/css" active-sheet="big" href="Content/RPNCalc-big.css" />

link: function (scope, element, attrs) {
            scope.$on("sizeClick", function (_e, _size) {
               element.prop("disabled", _size != attrs.activeSheet);
            });
         }

链接：函数（范围、元素、属性）{
作用域：$on（“sizeClick”，函数（_e，_size）{
元素.prop（“禁用”，大小！=attrs.activeSheet）；
});
}

最后，我将其作为一个名为“活动工作表”的指令执行，并操作了“disabled”属性。在IE FF和Chrome中工作

  <link rel="stylesheet" type="text/css" active-sheet="small" href="Content/RPNCalc-small.css" />
    <link rel="stylesheet" type="text/css" active-sheet="big" href="Content/RPNCalc-big.css" />

link: function (scope, element, attrs) {
            scope.$on("sizeClick", function (_e, _size) {
               element.prop("disabled", _size != attrs.activeSheet);
            });
         }

链接：函数（范围、元素、属性）{
作用域：$on（“sizeClick”，函数（_e，_size）{
元素.prop（“禁用”，大小！=attrs.activeSheet）；
});
}

最后，我是作为指令来做的：最后，我是作为指令来做的：