多语言HTML [英] Multi Language HTML
问题描述
嘿，我正在使用HTML支持多语言的网站，我的每种功能都有不同的页面.现在说一下，如果用户选择一种特定的语言(如说中文)，并且在主页上，并且想要导航到CONTACTUS页面，但是当CONTACTUS页面加载时，它以英语(这是一种默认语言)加载，如果用户选择了中文，那是错误的，仅应加载中文页面.我该如何处理
hey i am working on a website that has multi language support in HTML I have different pages for each and every functionality Now say if the user select a particular language like say Chinese and is on the HOME page and wants to navigate to CONTACTUS page,but when the CONTACTUS page loads it load in ENGLISH which is a default language which is wrong if the user has selected Chinese the CHINESE''s pages should only be loaded how can i go about
推荐答案
假设:
1)您要分别创建所有特定于语言的页面(而不是使用诸如Google翻译之类的工具动态创建它们).
2)每种语言的每一页都有更改语言的选项(下拉框必须在每一页上可用)
因此，网页的文件夹结构应如下所示-
Assumtions:
1) you are having all language specific pages created separately (rather then using dynamically creating them using tools like google translate).
2) Every page in every language has an option of changing the language (the dropdown box must be available on every page)
Hence the folder structure of your web pages should be something like as shown below -
web
- pages
- en
- home.htm
- Page1.htm
- Page2.htm
- Page3.htm
- fr
- home.htm
- Page1.htm
- Page2.htm
- Page3.htm
定义此结构后，您可以根据语言选择使用以下代码导航到不同的页面.
Once this structure is defined, you can use following code to navigate to different pages as per language selection.
<html>
<head>
<script>
var baseURL = "http://mydomain.com/myproject";
function navigateTo(pageURL) {
var cmb = document.getElementById('cmbLanguage');
if(!cmb) return;
var lang = cmb.value;
var url = baseURL + '/' + lang + '/' + pageURL;
window.location = url;
}
function setLanguage() {
var str = unescape(window.location);
str = str.split(baseURL);
if(str.length > 1) {
str = str[1].split('/');
if(str.length > 1) {
var lang = str[1];
var cmb = document.getElementById('cmbLanguage');
if(!cmb) return;
cmb.value = lang;
}
}
}
</script>
</head>
<body onload="setLanguage()">
Language : <select id="cmbLanguage">
<option value="en" selected>English</option>
<option value="fr">French</option>
</select>
<br>
<h2>This page is displaying contents in English.</h2>
<a href="javascript:navigateTo('Page1.htm')">Page 1</a><br>
<a href="javascript:navigateTo('Page2.htm')">Page 2</a><br>
<a href="javascript:navigateTo('Page3.htm')">Page 3</a><br>
</body>
</html>
</br></br></br></br>
希望这对您有帮助...
如有任何疑问，请通知我.
问候，
尼拉·索尼(Nial Soni)
Hope this helps you out...
Let me know in case of any queries.
Regards,
Niral Soni
这篇关于多语言HTML的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
