web项目的中英文切换功

最新推荐文章于 2024-04-04 21:19:02 发布

奔向大牛

最新推荐文章于 2024-04-04 21:19:02 发布

阅读量5.4k

点赞数 2

分类专栏：前端页面文章标签： HTML 中英文页面切换

本文链接：https://blog.csdn.net/qq_35321791/article/details/90446028

版权

前端页面专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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

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

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

<head>

function changeflag1(){
$.ajax({
async: false,
success: function() {
lang_flag = 1;
}
});
alert(lang_flag+'3');
}
//alert(lang_flag+'4');

setInterval('reloadViewl()',500); //每1秒刷新一次页面下边显示的数据
function reloadViewl(){
fun();
}

</script>

</head>

<body>

</body>

下面将下tes.js的内容

function fun()
{
var C1=document.getElementsByTagName('title')[0];

C1.innerHTML= G1[lang_flag];

｝

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

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

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

奔向大牛

关注

2
点赞
踩
17

收藏

觉得还不错? 一键收藏
0
评论
web项目的中英文切换功

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

扫一扫