css国际化经验总结

作者：朱金灿

来源：http://blog.csdn.net/clever101

    

       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>

参考文献：

 

1.      js怎么修改css的链接路径？