中英文切换-优快云博客

本文介绍了一个使用JavaScript和sessionStorage实现网站中英文界面切换的方法。通过存储用户选择的语言并在页面加载时读取该设置，自动调整页面显示的语言。此方法提高了用户体验，适用于具有多语言界面的网站。

//首页
var zh_index = {
"index1":"首页",
"index2":"产品实例"
};
var en_index = {
"index1":"index",
"index2":"Product examples"
};

//服务支持
var zh_serviceSupport = {
"serviceSupport1":"首页",
"serviceSupport2":"产品实例"
};
var en_serviceSupport = {
"serviceSupport1":"index",
"serviceSupport2":"Product examples"
};

var zh = {"index":zh_index,"serviceSupport":zh_serviceSupport};
var en = {"index":en_index,"serviceSupport":en_serviceSupport};

var language = [zh,en];

$(function(){
var value = sessionStorage.getItem("language");
var pathname = window.location.pathname;
var index = pathname.lastIndexOf("\/");
pathname = pathname.substring(index + 1, pathname.length).split(".html")[0];
if(value==null || value==0){
value=0;
}
var data = language[value][pathname];
for (var i = 1; i <= 2; i++) {
$("#"+pathname+i).text(data[pathname+i])
}
});
$("#change").click(function() {
var value = sessionStorage.getItem("language");
if(value==="1"){
sessionStorage.setItem("language", "0");
}else{
sessionStorage.setItem("language", "1");
}
window.location.reload();
})