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

Chrome is very slow to apply a style sheet when switching in javascript

本文关键字：样式 速度 非常 应用 Chrome javascript      更新时间：2023-09-26

我有一段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秒。

最好的方法是什么？

感谢

最后，我作为一个名为"活动表"的指令执行了这项操作，并操作了"disabled"属性。在IE FF&铬

  <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);
            });
         }
相关文章：