在asp.net MVC4中动态加载css文件

Question

我想知道这是一种正确的做法 我有一个应用程序用于移动，平板电脑和浏览器。在javascript我正在使用。这是在HTML页面中工作。现在我已经在asp.net mvc 4中迁移了这个应用程序并正确地工作我定义了 rootpath 变量并将其分配为“../”。并将其连接如下图所示，项目结构如图所示。我想在index.cshtml视图中使用它，这也是我的默认视图。

        var userAgent = window.navigator.userAgent;
        var rootpath ="../";
        if (userAgent.indexOf("iPhone") >= 0 || userAgent.indexOf("iPad") >= 0) {
            isiOS = true;
        }
        if (userAgent.indexOf("Android") >= 0 || userAgent.indexOf("iPhone") >= 0) {
            isMobileDevice = true;
            dojo.byId('dynamicStyleSheet').href = rootpath + "styles/mobile.css";

        }
        else if (userAgent.indexOf("iPad") >= 0) {
            isTablet = true;
            dojo.byId('dynamicStyleSheet').href = rootpath + "styles/tablet.css";

        }
        else {
            isBrowser = true;

            dojo.byId('dynamicStyleSheet').href = rootpath + "styles/browser.css";

        }

Answer 1

对于样式，你可以这样做。从Razor视图中，它应该能够加载你想要的所有样式元素。

<link href="../../AppStyles/templatemo_style.css" rel="stylesheet" type="text/css" />