web开发(脚本和动态语言) 静态页面 msxml 多国语言

最新推荐文章于 2024-07-22 10:03:37 发布

joliny

最新推荐文章于 2024-07-22 10:03:37 发布

阅读量1k

点赞数

文章标签：语言 web开发脚本 function button encoding

本文介绍了一种在静态网页中实现多语言支持的方法，通过在HTML元素中添加i18n属性并结合JavaScript来动态加载不同语言的XML资源文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

公司的一个项目中，要求使用静态页面实现多国语言，项目已经做完，现总结一下。

只能在微软的操作系统上使用，因为读取xml资源时使用了“微软XML分析程序 Microsoft XML Core

Services(MSXML)”，关于它的介绍可以从网上获得很多信息。

index.html 是首页面，可以选择语言。
main_i18n.html 是利用静态网页实现多国语言的一个例子。

只要为控件指定了i18n的tag，就可以实现控件的多国语言显示。
具体操作在i18n.js中。其中有部分注解。应该可以看的明白。

文档结果如下：

　/*根目录*/
      ├ index.html                    /*首页面*/
　 ├ main_i18n.html          /*主页面*/
　├ i18n　                         /*资源文件*/
　 │　　└ xml
　 │　　　　 ├eData_EN.xml　/*英文*/
　 │　　　　 ├eData_SC.xml　/*简体中文*/
　 │　　　    └eData_TC.xml　/*繁体中文*/
　 │
　└ jsfile                         /*脚本语言*/
　　　　└i18n.js　         /*多国语言处理*/

1、index.html

<html>

<head>

<title>测试主页面</title>

</head>

<body>

<td>

</SELECT>

</td>

<td>

</td>

</tr>

</table>

</form>

</body>

</html>

2、main_i18n.html

<html>

<head>

</head>

<tr>

<td>button.text : </td>

</tr>

<tr>

<td>input.button : </td>

</tr>

<tr>

<td>button : </td>

</tr>

<tr>

<td>TEXTAREA : </td>

</tr>

<tr>

<td>SELECT : </td>

<td >

</SELECT>

</td>

</tr>

<tr>

<td>input.checkbox.Label : </td>

</tr>

<tr>

<td>input.radio.Label : </td>

</tr>

<tr>

<td>label </td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td >

</td>

</tr>

<tr>

<td >

<div i18n="divTestI18nNull">divTest</div>

</td>

</tr>

<tr>

<td >

<div >divTest</div>

</td>

</tr>

</table>

</form>

</body>

</html>

3、i18n.js

function deali18n() {

//获取url传入的language参数的value

var lanValue = getParastr("language" , "EN");//默认为英文

//将页面做i18n处理(根据传入的语言代码)

getI18nContent(lanValue);

}

// 获取program参数，用户请求页面时传入语言代码，def_lan为默认值

function getParastr(str_name , def_lan) {

var hrefstr,pos,parastr,para,tempstr;

hrefstr = window.location.href;

pos = hrefstr.indexOf("?")

parastr = hrefstr.substring(pos+1);

para = parastr.split("&");

tempstr="";

for(i=0;i<para.length;i++) {

tempstr = para[i];

pos = tempstr.indexOf("=");

if(tempstr.substring(0,pos) == str_name) {

return tempstr.substring(pos+1);

}

return def_lan;//如果没有得到则传回默认值

}

function getI18nContent(lan) {

initDoc(lan);

for(var i=0; i < document.mainForm.all.length; i++) {

var e = document.mainForm.elements[i];

if (e)

{

var elementType = e.type;

var elementId = e.id;

if (elementType == 'button' || elementType == 'text' || elementType == 'textarea') {

i18nName=(e.i18n);

if (i18nName)

{

e.value = getI18nValue(i18nName);

}

} else if (elementType == 'select-one') {

for (var j=0; j<e.length; j++)

{

i18nName=(e[j].i18n);

if (i18nName)

{

e[j].text = getI18nValue(i18nName);

}

} else if (elementType == 'radio' || elementType == 'checkbox') {

}

} else {

var element = document.mainForm.all(i);

var tagName = element.tagName;

//LABEL

if (tagName == 'LABEL')

{

i18nName=(element.i18n);

if (i18nName) {

element.innerHTML = getI18nValue(i18nName);

}

//SPAN

if (tagName == 'SPAN')

{

i18nName=(element.i18n);

if (i18nName) {

element.innerHTML = getI18nValue(i18nName);

}

//DIV

if (tagName == 'DIV')

{

i18nName = (element.i18n);

if (i18nName) {

element.innerHTML = getI18nValue(i18nName);

}

//HREF

if (tagName == 'A')

{

i18nName=(element.i18n);

if (i18nName) {

element.innerHTML = getI18nValue(i18nName);

}

var eDataSecurityDoc = createMSXML();

function createMSXML() {

if (window.ActiveXObject) {

//var MSXML = ["Microsoft.XMLDOM","MSXML2.DOMDocument.2.0","MSXML2.DOMDocument.3.0","MSXML2.DOMDocument.4.0","MSXML2.DOMDocument.5.0","MSXML2.DOMDocument.6.0"];

var MSXML = ["MSXML2.DOMDocument.6.0","MSXML2.DOMDocument.5.0","MSXML2.DOMDocument.4.0","MSXML2.DOMDocument.3.0","MSXML2.DOMDocument.2.0","Microsoft.XMLDOM"];

var XMLobject = null;

var ver;

// 為了相容IE6前的所有BROWSER版本, 所以用FOR LOOP去LOOKUP每個版本ActiveXObject的MSXML.當找到就直接RETURN

for (var i = 0; i < MSXML.length; i++) {

try {

//return new ActiveXObject(MSXML[i]);

ver = MSXML[i];

XMLobject = new ActiveXObject(MSXML[i]);

} catch (e) {

}

if (XMLobject){

return XMLobject;