关于JS内容的国际化

1 篇文章 0 订阅

      实现页面内容多语言,前面已经提到了,不明白的可移步:http://blog.csdn.net/sutongxuevip/article/details/52605354,今天我们来说下关于js内容的国际化,当然也是要借助前一篇文章的相关内容才能实现。

      我们在写后台管理时,都会有侧边栏,直接在页面上写,可以使用前一篇文章的方法即可实现,如果你是把侧边栏封装成一个js文件,今天我告诉你使用此种方法即可实现。

      先来看下工程目录:



  • 默认语言



  • 繁体中文


  • 英文状态




  • 日语状态





      页面代码看这里:




      这里使用的前端模版是ACE的,百度有很多(登录页面凑合看,本人比较懒,莫怪)。细心的人可能发现了最后一张图中在sidebar文件夹中有五个js文件,最后一个可有可无,简单来说我们把侧边栏封装成一个js,分成四种语言,也就是说有四个js文件,在登录时随便选择语言,然后放入session中,在哪个页面需要实现多语言就加入java脚本语言

<%
		 		if(session.getAttribute("codes") == null){%>
		 		<!-- 当codes为空时  说明未选择任何语言  这里我们默认语言为中文  即加载了中文的js -->
		 			<script type="text/javascript" src="Content/sidebar-menu/sidebar/sidebar_zh_CN.js"></script>
		 		<%} else{
		 		//当codes为不为空时  说明选择了某种语言,就加载某种语言的js文件
		 		if(session.getAttribute("codes").equals("CN")){%>
		 			<script type="text/javascript" src="Content/sidebar-menu/sidebar/sidebar_zh_CN.js"></script>
		 		<%} 
		 		if(session.getAttribute("codes").equals("TW")){%>
		 			<script type="text/javascript" src="Content/sidebar-menu/sidebar/sidebar_zh_TW.js"></script>
		 		<%} 
		 		if(session.getAttribute("codes").equals("JP")){%>
		 			<script type="text/javascript" src="Content/sidebar-menu/sidebar/sidebar_ja_JP.js"></script>
		 		<%} 
		 		if(session.getAttribute("codes").equals("US")){%>
		 			<script type="text/javascript" src="Content/sidebar-menu/sidebar/sidebar_en_US.js"></script>
		 		<%}
		 		}
		  %>

即可。

      是不是很简单?这种方式的灵感来源于在做bootstrap-table时,默认语言是英文,想要显示中文就要把中文的js加入,随之就出现了现在的这种方法。如果大家有更好的方式不妨分享出来,一起学习进步!

本文源码下载:点击下载

ps:下载时设置的有一积分,如要是辛苦分哈,如果没有积分的朋友,可以留下邮箱,或者给我私信,看到会发你邮箱


评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值