js 多语言

最新推荐文章于 2024-05-15 13:09:23 发布
最新推荐文章于 2024-05-15 13:09:23 发布
阅读量660 收藏
点赞数 1
分类专栏： JS 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhwxl_zyx/article/details/47977815
版权

创建两个js 文件


cn.js

var lang ={
    "param_name":"参数名",
    "param_value":"参数值",
｝

en.js 

var lang ={
    "param_name":"param name",
    "param_value":"param value",
｝

html 页面调用 

<script src="cn.js"></script>
 

<script src="en.js">


 

js 调用方式 ：lang.param_value
 

 可以把当前语言的状态保存在session 或 cookie 中 

 

 

 


                

        

        

    




    

      

        

            

              
                
                  Able张
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
静态html 多语言,前端多语言的实现

				
			

			

				

					weixin_39968309的博客
				

				

					06-02
					
					1655
					
				

			

		

		

			
				
前言多语言的重要性相信不需要多言，但是，对于使用ExtJS之类的前端框架做开发，很多时候要使用一些多语言消息，难道都写在动态页面里？这样，就会对动态页面有依赖。如果说页面是访问量非常大的，比如：首页，那么静态化是非常有必要的。那问题就来了，怎么做多语言的静态化？事实上，使用一些模板语言，是能做到多语言的静态化，即根据不同语言，生成不同的静态页面。但是，这样一来，静态页面就非常多了，而且很多地方是完...

			
		

	



                

              
                



	

		

			

				
					
如何在js中实现html语言,JavaScript与HTML的结合方法详解

				
			

			

				

					weixin_31874603的博客
				

				

					05-30
					
					2846
					
				

			

		

		

			
				
HTML中的JavaScript脚本必须位于与标签之间，JavaScript脚本可被放置在HTML页面的标签和标签中，这种视情况而定，一般放在标签内。一、 标签如需在HTML页面中插入JavaScript脚本，请使用标签。和会告诉JavaScript在何处开始和结束。和之间的代码行包含了JavaScript：alert("欢迎来到JavaScript世界！！！");您无需理解上面的代码。只需明白，...

			
		

	



                


  
              

                


	

		

			

				
					
JavaScript多语言实现

				
			

			

				

					09-01
				

			

		

		

			
				
词典形式demo，试用过，有一定的局限性
$(document).ready(function() {
	dictionary = dic;
	
	var selectors = "a,span,td,font,h1,h2,li,div,legend,option,input";
	
	lazyLocalize.init({
		lang : 'en',//navigator.language || navigator.userLanguage,
		dictionary : dictionary,
		selectors : selectors
	});
	// 默认显示英文
	 //lazyLocalize.localize('en');
});

			
		

	





	

		

			

				
					
[转]AngularJs 多语言的使用 angular-translate

				
			

			

				

					weixin_34292402的博客
				

				

					11-24
					
					268
					
				

			

		

		

			
				
本文转自：http://www.tuicool.com/articles/zeymimB
随着世界各地Web访问量的增加，作为开发者的我们也在不断让应用国际化、本地化。当用户访问我们的应用时，他应该能够在运行时立即切换语言环境。
鉴于我们正在开发的是AngularJS客户端应用，尤其不希望用户必须刷新页面或者访问一个完全不同的URL。当然，AngularJS可以很容易地调整那些国际化读者的本机...

			
		

	



		

			
		



	

		

			

				
					
2024年最新前端不使用 i18n，如何优雅的实现多语言？_前端多语言方案(1)，32岁的程序员被裁

					
最新发布

				
			

			

				

					2401_84925760的博客
				

				

					05-15
					
					446
					
				

			

		

		

			
				
我这里的 VFrame.js 是直接建在Src 目录下的。

			
		

	





	

		

			

				
					
html语言小插件,HTML 多语言 Webpack 插件 gettext-html-plugin

				
			

			

				

					weixin_29359001的博客
				

				

					05-31
					
					280
					
				

			

		

		

			
				
之前在 静态页面多语言的实现 中基本实现了 Webpack 打包完成之后，读取 HTML 文件进行翻译文本的替换，虽然功能上实现了，但是不能预览翻译后的 HTML，因此需要拓展 html-webpack-plugin 插件来实现预览的功能。思路Hook html-webpack-plugin  插件，在插件处理 HTML 之前，将对应的文本替换成翻译后的文本即可。compiler.hooks.co...

			
		

	





	

		

			

				
					
HTML界面多语言切换

				
			

			

				

					weixin_30335353的博客
				

				

					12-28
					
					1154
					
				

			

		

		

			
				
我在做个人网站时考虑到多语言转换的问题，最后在JS文件中将所有文字数据储存然后设置HTML中的class与key属性来达到多语言效果。当然，还有一个别的方法，就是所有有文字内容的div都用不同语言写一遍然后加上相应的class，再利用CSS隐藏或显现相应的内容。本文只介绍第一种方法。（对制作个人网站感兴趣的可以查看我的前一篇博客《利用GitHub Pages和Bootstrap创建个人网站》。）
...

			
		

	





	

		

			

				
					
html多语言切换demo 多语言翻译 js多语言插件

				
			

			

				

					01-26
				

			

		

		

			
				
其次，JavaScript（js）在多语言插件中扮演了核心角色。在提供的"html多语言切换demo"中，JavaScript被用来动态地更改页面上的文本内容。开发者通常会创建一个JSON对象，存储各种语言的字符串映射。例如：  ```json ...

			
		

	





	

		

			

				
					
Thinkphp搭建包括JS多语言的多语言项目实现方法

				
			

			

				

					10-25
				

			

		

		

			
				
主要介绍了Thinkphp搭建包括JS多语言的多语言项目实现方法,可实现通过针对js语言包的调用达到构建多语言站点的效果,是非常实用的技巧,需要的朋友可以参考下

			
		

	





	

		

			

				
					
Tesseract.js:纯Javascript多语言OCR-开源

				
			

			

				

					04-29
				

			

		

		

			
				
 Tesseract.js是一个JavaScript库，可从图像中获取几乎所有口头语言的单词。 Tesseract.js的主要功能（例如，识别，检测）采用图像参数，该参数应该类似于图像。 根据是从浏览器运行还是通过NodeJS运行，所谓的...

			
		

	





	

		

			

				
					
js实现的语言切换功能

				
			

			

				

					06-01
				

			

		

		

			
				
在网页开发中，语言切换功能是一项非常实用的功能，尤其对于全球化的网站来说，它能够为用户提供多语言环境下的浏览体验。本示例将探讨如何使用JavaScript实现这一功能，同时也会涉及jQuery库的使用，因为“js特效”...

			
		

	





	

		

			

				
					
原生js实现多语言切换

				
			

			

				

					weixin_40119542的博客
				

				

					05-12
					
					3540
					
				

			

		

		

			
				
1.select实现语言选择

中文
language
Язык
Тіл

2.value发生改变调用方法，通过值的不同调用不同html页面
function changelanguage(){
var myselect=document.getElementById(“test”);
var index=myselect.selectedIndex;
var value=myselect.options[index].value;
//判断语言的类型
if (value == ‘Chinese’) {
w

			
		

	





	

		

			

				
					
JS实现支持同一网站支持多种语言（即不同地区用户）

				
			

			

				

					qq_34777858的博客
				

				

					12-29
					
					1659
					
				

			

		

		

			
				
背景：如果台湾（中文繁体），大陆（中文简体），英国（英语）三个地区的用户用到同一个网站。

解决方案：

3个war包部署到三个服务器上
	同一个war包部署，在一套系统里支持多语言（一个HTML/JSP页面支持多语言）
方案2更节约服务器成本 。具体措施：


...

			
		

	





	

		

			

				
					
JS实现多语言方式

				
			

			

				

					weixin_30645617的博客
				

				

					02-10
					
					910
					
				

			

		

		

			
				
应用场景：
在不同移动平台（IOS，Android）上，建立一套与HTML页面通讯框架；主要业务逻辑使用HTML开发；想支持多语言开发。
动机：
通过主动发消息的方式，在页面完成初始化前，获取当前语言选项，并且根据该语言选项，调用对应的JS文件（每种语言对应一个JS文件）解析页面。
实现细节：


向本地语言框架发请求获取语言种类；





[javascript]v...

			
		

	





	

		

			

				
					
原生js获取浏览器语言配置，设置文本多语言（小demo）

				
			

			

				

					奋斗的小绿萝
				

				

					07-27
					
					8462
					
				

			

		

		

			
				
项目中遇到多语言的支持问题，多语言主要要做到两点：


根据用户目前的浏览器配置语言进行显示
提供语言切换按钮，用户自定义选择不同的语言显示


在这里，首先展示一个获取用户当前浏览器配置语言进行显示的小demo。 
代码主要分为两部分，index.html文件和language.js。



// language.js

var love = ['我爱你.', 'I love you!'];
...

			
		

	





	

		

			

				
					
javascript多语言实现

				
			

			

				

					andybbc的博客
				

				

					01-21
					
					1192
					
				

			

		

		

			
				
本文为自己总结，如有不对之处，不吝赐教



在jsp中获取本地浏览器语言环境，然后利用定义js的全局变量来实现相应的中英语言，jsp代码如下：







Locale request_lo = request.getLocale();
String type = "";
//判断，如果请求来自中文的语言环境浏览器，就显示中文
if(request_lo.equa

			
		

	





	

		

			

				
					
Html页面简单的多语言化

					
热门推荐

				
			

			

				

					gx_up
				

				

					07-18
					
					1万+
					
				

			

		

		

			
				
刚刚无意间从SwaggerUI汉化上发现一个简单将Html页面多语言化的方法。

具体操作很简单，只需引一下JS文件，具体代码如下

HTML：


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport&q

			
		

	





	

		

			

				
					
Html5 APP 多语言切换

				
			

			

				

					JIZQAQ学习&踩坑笔记本
				

				

					05-08
					
					3200
					
				

			

		

		

			
				
页面快搭完的时候pm提的需求，说加资源文件来解决这个事…

思路呢就是有两个json文件，分别存了英文和中文的内容…html需要双语的标签加上lang，cookie里面存了用户选择中文还是英文，标签lang为英文就显示英文的，切换成中文就显示中文的。



先丢两个度娘之后的参考网站：

https://www.jianshu.com/p/c1881d22291c

https://blog.c...

			
		

	





	

		

			

				
					
next.js 多语言 如何传入标签

				
			

			

				

					06-03
				

			

		

		

			
				
在 Next.js 中使用多语言可以使用第三方库如 `next-i18next`，它提供了一种方便的方式来处理多语言内容。在使用 `next-i18next` 时，可以使用 `<Trans>` 标签来传入标签。  例如，在一个多语言的页面中，你可能希望...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值