赠书 | 异步2周年,技术图书免费选 每周荐书：渗透测试、K8s、架构（评论送书） 项目管理+代码托管+文档协作，开发更流畅

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

2007-09-19 15:44 756人阅读评论(0) 收藏举报

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

只能在微软的操作系统上使用，因为读取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;

} else {

continue;

}

return null;

};

}

function initDoc(lan) {

var xmlName = "./i18n/xml/eData_" + lan + ".xml";

eDataSecurityDoc.load(xmlName);

}

function getNode(name) {

var retval = name;

var xpath = "/Resource/" + name;

var value = eDataSecurityDoc.selectSingleNode(xpath);

if (value) retval = value.text;

return retval;

}

function getI18nValue(i18nName) {

var Contents = getNode(i18nName);

return Contents;

}

4、eData_EN.xml

<?xml version="1.0" encoding="unicode"?>

<A>Use the Default Password</A>

<B>You did not enter a password. Please retry.</B>

<C>You have entered an incorrect password. Please check your password and try again.</C>

<D>The original password is incorrect. Please try again.</D>

<E>The original and new passwords cannot be the same.</E>

<F>Password confirmation failed. Please try again.</F>

<G>Invalid password.</G>

<H>Close</H>

<J>Cancel</J>

<L>Error</L>

<M>Warning</M>

</COMMON>

</Resource>

5、eData_SC.xml

<?xml version="1.0" encoding="unicode"?>

<A>使用预设密码</A>

<D>原密码错误！请重试。</D>

<E>新密码与原密码相同！</E>

<F>密码重复输入错误！请重试。</F>

<G>密码不符合规则！请重试。</G>

</COMMON>

</Resource>

6、eData_TC.xml

<?xml version="1.0" encoding="unicode"?>

<A>使用預設密碼</A>

<D>原密碼錯誤！請重試。</D>

<E>新密碼與原密碼相同！</E>

<F>密碼重複輸入錯誤！請重試。</F>

<G>密碼不符合規則！請重試。</G>

</COMMON>

</Resource>

顶: 0

踩: 0

上一篇用 Smarty 分离 PHP 应用程序中的形式与功能
下一篇使用Javascript实现简单的Map

在水一方

炕上等你

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