web项目的中英文切换功

web项目的中英文切换功谈到 web 项目页面部分的中英文切换功能 实现的方法有很多种 一是直接将所有的页面做一个中文版 一个英文版 通过按钮进行切换 这种做法的坏处就是维护起来很不方便 当页面部分需要修改时 两个版式的页面相应部分都需要修改 二是通过调用 API 插件的方式 比如谷歌 百度的插件 这种方法需要在联网的情况下使用 不太适合在局域网中发布的项目 第三种方法 做号中英文的对照表 通过 JS 方式引入 本文中将讲到第三

谈到web项目页面部分的中英文切换功能,实现的方法有很多种,一是直接将所有的页面做一个中文版,一个英文版,通过按钮进行切换,这种做法的坏处就是维护起来很不方便,当页面部分需要修改时,两个版式的页面相应部分都需要修改;二是通过调用API插件的方式,比如谷歌、百度的插件,这种方法需要在联网的情况下使用,不太适合在局域网中发布的项目;第三种方法,做号中英文的对照表,通过JS方式引入。

本文中将讲到第三种方法js方法:

首先是test.jsp页面当然该页面需要引入jquery.js

<head>

<title>测试页面</title>

<script type=”text/javascript” src=”${pageContext.request.contextPath }/language/language.js”></script>

 <script type=”text/javascript”  src=”${pageContext.request.contextPath }/language/tes.js”></script>

 <script type=”text/javascript” src=”${pageContext.request.contextPath }/easyui/js/jquery.min.js”></script>  

</script>

</head>

<body>

</body>

 

下面将下tes.js的内容

接着是中英文对照表language.js的内容了

var G1 = [‘设备智能监控系统’, ‘ Equipment Intelligent Monitoring System’];

到这里通过JS实现中英文切换的web页面功能就实现了

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/233068.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • turtle(海龟作图),C++版「建议收藏」

    turtle(海龟作图),C++版「建议收藏」海龟作图引言turtle来源Logo的原型来自另一个计算机语言LISP,派普特修改了LISP的语法使其更易于阅读。Logo常被称作没有括号的Lisp。Logo是一种解释型语言,和其他语言不同的是,它内置一套海龟绘图(TurtleGraphics)系统,通过向海龟发送命令,用户可以直观地学习程序的运行过程,因此很适于儿童学习。它亦适合用作数学教学。海龟绘图使得Logo用户可以通过简单的编程创作出丰富多彩的视觉效果或图案。假想一只带着画笔的海龟可以接受简单的命令,例如向前走100步,或者左转30度。

    2022年6月28日
    52
  • 左值和右值、左值引用与右值引用、移动语句(2)「建议收藏」

    以下来自IBM知识中心表达式可以分为以下值类别之一:左值Lvalue:如果表达式不是const限定的,则表达式可以出现在赋值表达式的左侧。 x值:要过期的右值引用。 右值(Prvalue)rvalue:非xvalue表达式,仅出现在赋值表达式的右侧。Rvalues包括xvalues和prvalues。Lvalues和xvalues可以称为glvalues。Note:类(p…

    2022年4月8日
    50
  • 汇编指令大全

    汇编指令大全80×86指令系统,指令按功能可分为以下七个部分。(1)数据传送指令。(2)算术运算指令。(3)逻辑运算指令。(4)串操作指令。(5)控制转移指令。(6)处理器控制指令。(7

    2022年7月2日
    22
  • haxm device is not found

    haxm device is not foundandriodstudio刚装完,都会忍不住跑一个helloworld~但是AVDManager里的虚拟设备会提示错误:haxmdeviceisnotfound.androidstudio–>Tools–>AVDManager–>+CreateVirtualDevice…–>VirtualDeviceConfiguration–>Phone–>随便点一个–>Next。出现这个问题:EnableVT-xin

    2022年6月28日
    53
  • 【转载】ViewState的用法

    【转载】ViewState的用法

    2021年11月21日
    36
  • Java多线程常用面试题(含答案,精心总结整理)

    Java多线程常用面试题(含答案,精心总结整理)Java并发编程问题是面试过程中很容易遇到的问题,提前准备是解决问题的最好办法,将试题总结起来,时常查看会有奇效。现在有T1、T2、T3三个线程,你怎样保证T2在T1执行完后执行,T3在T2执行完后执行?这个线程问题通常会在第一轮或电话面试阶段被问到,目的是检测你对”join”方法是否熟悉。这个多线程问题比较简单,可以用join方法实现。核心:thread.Jo

    2022年7月15日
    22

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号