js 多语言

最新推荐文章于 2024-05-15 13:09:23 发布
最新推荐文章于 2024-05-15 13:09:23 发布
阅读量669 收藏
点赞数 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
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
语言包实现

				
			

			

				

					m0_66430291的博客
				

				

					04-07
					
					675
					
				

			

		

		

			
				
语言包思路

分别配置中文语言包和英文语言包


//  lib/zh.js 文件中

module.exports = {
  hello:'你好'
}


//  lib/en.js 文件中

module.exports = {
  hello:'Hello'
}

配置语言包


const zh = require('./lib/zh')
const en = require('./lib/en')

const obj = {
  //  表示当前使用的语言包
  locale:'zh',
  

			
		

	



                

              
                



	

		

			

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

				
			

			

				

					weixin_31874603的博客
				

				

					05-30
					
					2856
					
				

			

		

		

			
				
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');
});

			
		

	





	

		

			

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

					
最新发布

				
			

			

				

					2401_84925760的博客
				

				

					05-15
					
					528
					
				

			

		

		

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

			
		

	



		

			
		



	

		

			

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

				
			

			

				

					weixin_34292402的博客
				

				

					11-24
					
					270
					
				

			

		

		

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

			
		

	





	

		

			

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

				
			

			

				

					weixin_29359001的博客
				

				

					05-31
					
					288
					
				

			

		

		

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

			
		

	





	

		

			

				
					
HTML界面多语言切换

				
			

			

				

					weixin_30335353的博客
				

				

					12-28
					
					1160
					
				

			

		

		

			
				
我在做个人网站时考虑到多语言转换的问题，最后在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运行，所谓的...

			
		

	





	

		

			

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

				
			

			

				

					weixin_39968309的博客
				

				

					06-02
					
					1690
					
				

			

		

		

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

			
		

	





	

		

			

				
					
JS实现多语言方式

				
			

			

				

					weixin_30645617的博客
				

				

					02-10
					
					918
					
				

			

		

		

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


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





[javascript]v...

			
		

	





	

		

			

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

				
			

			

				

					奋斗的小绿萝
				

				

					07-27
					
					8473
					
				

			

		

		

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


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


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



// language.js

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

			
		

	





	

		

			

				
					
js实现html网页页面多语言化

				
			

			

				

					yk_ang_ang的博客
				

				

					09-24
					
					4594
					
				

			

		

		

			
				
主要是依靠js修改页面元素的文本来简单实现多语言替换

先上index.html代码


​
<!DOCTYPE html>
<html>
<head>
    <title>language</title>
    <meta name="Keywords" content="language"/>
    <meta...

			
		

	





	

		

			

				
					
html 获取浏览器语言,js获取浏览器语言识别国家

				
			

			

				

					weixin_39992788的博客
				

				

					06-10
					
					396
					
				

			

		

		

			
				
(function($){$.browserLanguage = function(callback){var language;$.ajax({url: "//ajaxhttpheaders.appspot.com",dataType: 'jsonp',success: function(headers) {language = headers['Accept-Language'].substr...

			
		

	





	

		

			

				
					
Html5 APP 多语言切换

				
			

			

				

					JIZQAQ学习&踩坑笔记本
				

				

					05-08
					
					3230
					
				

			

		

		

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

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



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

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

https://blog.c...

			
		

	





	

		

			

				
					
html语言切换功能,jquery多国语言切换特效

				
			

			

				

					weixin_26800111的博客
				

				

					06-02
					
					679
					
				

			

		

		

			
				
这是一款实现多国语言切换的jquery特效。在这个示例中，通过简单的js代码，实现包括中文和英文在内的7种不同国家语言的切换效果。使用方法在页面中引入jquery和style.css。HTML结构示例中，整个页面分为两个部分，一部分是选择语言的下拉列表框，另外一部分是显示文字的区域。      EN      简体中文      English (US)      Deutsch      Esp...

			
		

	





	

		

			

				
					
js-web前端-多语言切换-data-localize

				
			

			

				

					qq_35515563的博客
				

				

					11-25
					
					1372
					
				

			

		

		

			
				
html


<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>语言切换</title>
	<script src="js/jquery-2.1.1.mi...

			
		

	





	

		

			

				
					
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、付费专栏及课程。

              

            

          

      

      余额充值