有条件地加载css文件 [英] load css file conditionally

查看:62
本文介绍了有条件地加载css文件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

有没有一种简单的方法可以根据条件加载某些CSS文件

Is there a simple way to load some css files based on a condition

例如:

这是我的网站:

     www.example.com/en <------------

en 是我们的语言,可以是 fr tr 或其他任何语言

en is our language , it can be fr or tr or whatever ,

不能说吗?

   if (en){
         load this css file

    }else{
         load another css file

    }

我希望它可以在Php MVC环境中工作,并且此css文件是高音引导程序,按网格流顺序(方向)是Rtl或ltr.

I want this to work in a Php MVC environment , and this css files are tweeter bootstrap which are Rtl or ltr in grid flow order(direction).

我可以访问 en 作为变量,所以我知道它是en还是其他但是我认为页面加载将停止,直到所有css文件都已下载

I have access to en as a variable , So I know if it is en or whatever But I think page loading stops until all css files has been downloaded

推荐答案

您可以使用php函数为您提供正确的css文件,然后将其回显到页面上

You can use a php function to give you the right css file which you can then echo onto your page

PHP

function getCSSUrl($lang){
    $cssBase = "www.example.com/css/";

    switch($lang){
        case "en":
          return $cssBase."en.css";
        case "fr":
          return $cssBase."fr.css";
        case "ru":
          return $cssBase."ru.css";
        default:
          return $cssBase."en.css"; 
    }   
}

yourview.php

<html>
    <head>
        <link rel="stylesheet" type="text/css" 
            href="<?php echo getCSSUrl($_GET['lang']); ?>">
    </head>

    <body>
    ....
    </body>
</html>

这篇关于有条件地加载css文件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆