alidoing --使用JS实现多语言框架、喜欢的请进、、瓦特平台!

大家好!

多语言实现的案例:http://alidoing.com/或者http://www.alidoing.com/

图:切换语言界面

JS代码实现:

1.首先新建一个对象langobj,当然对象里面的属性值是可变的、比如数组[],都支持。

var langobj= {
    "lanhelp1": "感谢:",
    "lanhelp2": "提供语言翻译支持!",
    "usernamea": "账号:",
    "userpassa": "密码:",
    "maila": "邮箱:",
    "inputname": "请输入用户名!",
    "inputpass": "请输入密码!",
    "success": "成功!",
    "inouterror": "输入中含有敏感字符!",
    "pleasewait": "请稍后...!",
    "loginfaild": "用户名和密码不对!"
    }

上面是中文简体,只是与之对应的值不一样当变成其它语言的时候!

2.把用户选择的当前语言值存储起来、存储方式大家自己决定、 数据也可以、当使用数据库环境是asp。net的情况下要考虑js的执行顺序!

当然也可以输出像这样:src=js的存放路径!!!!!!!

document.write(unescape("%3Cscript src=‘" + src + "‘ type=‘text/javascript‘%3E%3C/script%3E"));

接下来执行赋值方法:

    function Setlang() {
        try {
            $("#btnregistgoto").val(alidoinglang.registname);
            $("#btnlogin").val(alidoinglang.submitelogin);
            $("#btnbacklogin").val(alidoinglang.backlogin);
            $("#btnregist").val(alidoinglang.submite);
            $("#txtnamel").attr("placeholder", alidoinglang.inputname);
            $("#txtpassl").attr("placeholder", alidoinglang.inputpass);
            $("#txtnamere").attr("placeholder", alidoinglang.inputname);
            $("#txtpwdre").attr("placeholder", alidoinglang.inputpass);
            $("#txtemail").attr("placeholder", alidoinglang.inputmailaddress);
        }
        catch (ex) { }

就这么简单!!!!!!!!!!!!!!!!!!!!!

优点与缺点

优点:网站开发完成上线后如果再修改语言对应的值或者添加语言时候实现起来很简单:新建一个js语言对象文件、存放在语言文件夹下、页面新建一个点击标签,便于更换,性能消耗在客户端上、减轻服务器压力

缺点:当页面需要赋值的对象非常多的时候,赋值方法写起来费劲了、性能降低,当该页面想被搜索引擎搜录时就不行了、页面全是标签、没有描述性的对象、当前的搜索引擎系统还不会根据js执行方法后来搜录数据(360搜索引擎在2012年底的时候曾经说过会支持cookie和js)后来还是没了结果!!!!

多语言实现的案例:http://alidoing.com/或者http://www.alidoing.com/

分享代码:(给我邮件:[email protected]) 【我不忙的时候会第一时间发给你们】

1--之前写过jQuery+ajax+asp.net编写的通用邮件管理系统。

优点:兼容IE7+,界面简单明了、开发项目时难免会遇见一些消息发送或通知,该系统只需要一个唯一的用户ID

发送文件:源码+数据库sql。

其它代码:

http://10086bank.com/ 中除开代码工厂源码其余源码我会整理出来!

代码工厂可以快速生成html+JS+ajax+底层+sql代码、自动验证、附件自动上传! UI兼容IE7+

谢谢!

时间: 2024-10-23 10:58:03

alidoing --使用JS实现多语言框架、喜欢的请进、、瓦特平台!的相关文章

JS的几种框架

目前来看,js框架以及一些开发包和库类有如下几个,Dojo .Scriptaculous .Prototype .yui-ext .Jquery .Mochikit.mootools .moo.fxDojo (js library and ui component ):Dojo是目前最为强大的j s框架,它在自己的Wiki上给自己下了一个定义,dojo是一个用JavaScript编写的开源的dhtml工具箱.dojo很想做一个"大一统"的 工具箱,不仅仅是浏览器层面的,野心还是很大的.

JS实现多语言方式

应用场景: 在不同移动平台(IOS,Android)上,建立一套与HTML页面通讯框架:主要业务逻辑使用HTML开发:想支持多语言开发. 动机: 通过主动发消息的方式,在页面完成初始化前,获取当前语言选项,并且根据该语言选项,调用对应的JS文件(每种语言对应一个JS文件)解析页面. 实现细节: 向本地语言框架发请求获取语言种类: $(document).on("pageinit",function(){ /*Kaiwii 向本地代码发请求获取当前语言种类*/ }); 本地语言框架触发回

JS设计模式入门和框架中的实践

JS设计模式入门和框架中的实践 在编写JS代码的过程中,运用一定的设计模式可以让我们的代码更加优雅.灵活. 下面笔者就结合诸如redux的subscribe.ES6的class.vue里面的$dispatch.jquery里面的on/off来给大家简单介绍下设计模式在这些库.语法和框架中的使用. 设计模式解决的问题 设计模式并不是很玄乎的知识,很多同学在编写JS代码的时候已经在不经意间用了不少设计模式了. 笔者认为把设计模式单独抽象出来探讨,就和算法中抽象出来冒泡.排序一样,是为了描述一种常用的

JS的脚本语言

js的脚本语言全程javascript在网页里面使用的脚本语言:分类:1.嵌入网页里面2.在外部脚本标签可以写在网页的任何地方,但一般都写在网页的底部:<script type="text/javascript"></script>代表这是一个脚本:二.注释语法样式表的注释:单行注释用//表示:多行注释/**/可以注释多行文字: <!---->是在网页里面的注释:三.数据类型的分类:1.整型(存放整数的数据)用int来表示整型:2.flioat(单精

Node.js笔记(0003)---Express框架Router模块学习笔记

这段时间一直有在看Express框架的API,最近刚看到Router,以下是我认为需要注意的地方: Router模块中有一个param方法,刚开始看得有点模糊,官网大概是这么描述的: Map logic to route parameters. 大概意思就是路由参数的映射逻辑 这个可能一时半会也不明白其作用,尤其是不知道get和param的执行顺序 再看看源码里面的介绍: Map the given param placeholder `name`(s) to the given callbac

cocos-html5 JS 写法基础 语言核心

转载:http://blog.csdn.net/leasystu/article/details/18735797 cocos2dx 3.0 js继承:John Resiq的继承写法解析 CCClass.js cocos2d-html5/cocos2d/core/platform/CCClass.js ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

js实现的运动框架代码实例

js实现的运动框架代码实例:元素的运动效果在大量的场景中都有应用,最典型的一个就是网站的客服系统,一般都会随着滚动条运动,本章节就介绍一下js的一个运动框架实例,希望能够给需要的朋友带来借鉴作用.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwh

Ember.js:一个JavaScript框架

Ember.js v2.7.3 发布了. Ember.js是一个JavaScript框架,它极大地减少了构建Web应用程序所需要的时间,精力和资源(腾云科技ty300.com).它的重点是使开发者尽可能高效地处理重复和琐碎的评论,能更好地参与Web项目的开发. Ember.js还为大家提供了Javascript,HTML和浏览器(基础教程qkxue.net),为你创建下一个杀手级的web应用程序提供一切最先进功能的访问. 构建Ember.js 确认Node.js 和 bower 已经安装.运行

简单的js表单验证框架

/** * 通常在我们的HTML页面表单中有大量的数据验证工作, * 免不了要写很多验证表单的js代码,这是一项非常繁琐 * 枯燥的工作.很多程序员也会经常遗漏这项工作.当然 * 一些JavaEE框架中有一些比较好的验证框架提供给我们 * 使用,但是也是需要很多繁琐的配置,页面查看起来也 * 不是很方便.一般程序员使用的也不多.所以写了这一 * 段JavaScript代码提供给大家使用.算是一个简单的 * JavaScript验证框架吧.使用起来很简单,配合下面几 * 种标签使用,能实现大多数表