站内搜索:
首页 >> 前端 >> 内容
css国际化与一般网页国际化对比,css国际化代码例子

时间:2017/10/19 8:35:00

css作为网页布局文件一般嵌入到html页面或者jsp页面中。css的国际化和一般网页的国际化的不同之处在于它不单纯是文本的国际化,而且还包括图片的国际化和布局样式的国际化。

所以网站css的国际化一般采用做多种语言css文件的方式,然后采用JavaScript来实现动态加载。比如现在有style.css和style_en_US.css两套不同语言的css,在一个jsp页面中加载,代码例子如下:

<link rel="stylesheet" type="text/css" href='<c:url value="/css/style.css"/>' id="css_link" />   
<script>  
    var oLink = document.getElementById('css_link');  
    var JsSrc = (navigator.language || navigator.browserLanguage).toLowerCase();  
// 默认加载中文的css,假如浏览器语言为英文,则加载英文的css  
    if(JsSrc.indexOf('en')>=0)  
    {  
        oLink.href = '<c:url value="/css/style_en_US.css"/>';   //这样就把link的链接修改为'/css/style_en_US.css'了。  
    }  
</script> 

 

  • 上一篇:vue键盘事件直接绑定无效问题
  • 下一篇:z-index的使用代码实例
  • 返回顶部