space line
space line
space line
space line
space line
您现在的位置是: Javascript基础>>

JS实现静态页面的国际化

发布日期 2008-4-22 23:11:56
作者 administrator
出处 www.oncecode.com
浏览次数 ...
今日浏览 ...
本月浏览 ...
我要留言 我要留言
space line
摘要
不止是动态页面可以国际化,静态页面也可以
space line
详细内容

可将网页中的文字和图片地址,均保存到外部Javascript文件中,且以Utf-8格式保存,然后在页面中引入该js文件,将在js文件中定义的文字和图片输出到相应的位置,这样做出来的页面可作为国际化页面的模板

如需增加新语种的支持,只需复制模板页面到其他目录,并为新语种创建新的语言js文件,并将它引入到新的页面中,支持这样新语种的页面就完成了,大大地节省了开发时间。

语言包JS文件示例如下:

//language resource js
var dyucc_lan = {
 //--nvaigator--
 navigator1: "Used car info",
 navigator2: "Company info",
 navigator3: "Main business",
 navigator4: "Events",
 navigator5: "Employ",

 //--company info--
 comInfo0: "About us",
 comInfo1: "Company info",
 comInfo2: "History",
 comInfo3: "E-solutions",
 comInfo4: "Our businesses",

 //--company pics--
 comPic: new Array(
    new Array("../Images/jpg/faint/en/sub_map.jpg","../Images/jpg/en/sub_map.jpg"), //0
    new Array("../Images/jpg/faint/en/grow_pic.jpg","../Images/jpg/en/grow_pic.jpg"), //1
    new Array("../Images/jpg/faint/en/grow_4th.jpg","../Images/jpg/en/grow_4th.jpg"), //2
    new Array("../Images/jpg/faint/en/e_solution.jpg","../Images/jpg/en/e_solution.jpg"), //3
    new Array("../Images/jpg/faint/en/main_business.jpg","../Images/jpg/en/main_business.jpg"),//4
    new Array("../Images/jpg/faint/en/ourDream.jpg","../Images/jpg/en/ourDream.jpg") //5

    //--business pics--
    ,
    new Array("../Images/jpg/faint/en/usedCar_1.jpg","../Images/jpg/en/usedCar_1.jpg"), //6
    new Array("../Images/jpg/faint/en/usedCar_2.jpg","../Images/jpg/en/usedCar_2.jpg"), //7
    new Array("../Images/jpg/faint/en/rent_1.jpg","../Images/jpg/en/rent_1.jpg"),  //8
    new Array("../Images/jpg/faint/en/rent_2.jpg","../Images/jpg/en/rent_2.jpg"),  //9
    new Array("../Images/jpg/faint/en/train_1.jpg","../Images/jpg/en/train_1.jpg"), //10
    new Array("../Images/jpg/faint/en/train_2.jpg","../Images/jpg/en/train_2.jpg"), //11
    new Array("../Images/jpg/faint/en/train_3.jpg","../Images/jpg/en/train_3.jpg"), //12
    new Array("../Images/jpg/faint/en/truck_1.jpg","../Images/jpg/en/truck_1.jpg"), //13
    new Array("../Images/jpg/faint/en/truck_2.jpg","../Images/jpg/en/truck_2.jpg"), //14
    new Array("../Images/jpg/faint/en/truck_3.jpg","../Images/jpg/en/truck_3.jpg") //15
  ),

 //--business info--
 busiInfo0: "Our businesses",
 busiInfo1: "Used car",
 busiInfo2: "Car rent",
 busiInfo3: "Training",
 busiInfo4: "CV business",
 busiInfo5: "Business introduction",

 //--invite page--
 joinUs: "Join us",
 jobs: "Jobs",
 jobInfo: "Job information",
 contactUs: "Contact us",
 keyMans: "Our keymans",

 //--write out--
 out: dyucc_lan_write,
 img: dyucc_lan_writeImg
}

function dyucc_lan_write(msg){
 document.write(msg);
}

function dyucc_lan_writeImg(id){
 var img = "<img id=\"img" + id + "\" src=\"" + dyucc_lan.comPic[id][0] + "\" "
  + "alt=\"" + dyucc_lan.comPic[id][1] + "\" border=\"0\" />";
 document.write(img);
}

在页面中输出文本信息代码

<script type="text/javascript">dyucc_lan.out(dyucc_lan.navigator1);</script>

示例页面http://www.dyucc.com/en/comInfo.htm

 

space line
我要留言 我要留言    
space line
space line
space line
space line
space line
space line