如何将一个简体中文的网站转变成繁体的网站呢

JavaScript019

如何将一个简体中文的网站转变成繁体的网站呢,第1张

对网页进行简繁字体转换的方法一般有两种:一是使用专业软件,另外一种是制作两套版本的网页。显然,这两种方法都较为麻烦,这里提供一个非常简单的方法,只须在页面上添加几行代码就可以轻松搞定网页的简繁转换了。

首先在下载用于简繁转换的js文件transform.js,下载地址自行百度。

复制到网站目录下,然后使用网页制作工具打开需要进行简繁转换的网页,在代码中的加入如下代码:

<script type="text/javascript" language="javascript" src="transform.js"></script>

<script type="text/javascript" language="javascript">

function s2t()

{document.body.innerHTML = document.body.innerHTML.s2t()}

function t2s()

{document.body.innerHTML = document.body.innerHTML.t2s()}

</script>

然后在网页的适当位置添加简繁转换链接:

<a href="javascript:s2t()">繁体中文</a><a href="javascript:t2s()">简体中文</a>

保存页面后,点击“繁体中文”链接,页面就会成繁体,点击“简体中文”就会自动转换为简体形式,方便不同用户的选择浏览了。

提示:这种方法不仅适用于静态网站还可以用在论坛、留言板等动态网站系统中。

head 中引用

<script language='javascript' src='zh.js'></script>

再把以下代码放到合试的地方

<a href="javascript:zh_tran('s')" class="zh_click" id="zh_click_s">简体</a>

<a href="javascript:zh_tran('t')" class="zh_click" id="zh_click_t">繁体</a>

zh.js代码

// 网页简繁体转换

// 日期:2007年4月1日

// 作者:niker

// 本js用于客户在网站页面选择繁体中文或简体中文显示,默认是正常显示,即简繁体同时显示

// 在用户第一次访问网页时,会自动检测客户端语言进行操作并提示.此功能可关闭

// 本程序只在UTF8编码下测试过,不保证其他编码有效

// -------------- 以下参数大部分可以更改 --------------------

//s = simplified 简体中文 t = traditional 繁体中文 n = normal 正常显示

var zh_default = 'n'//默认语言,请不要改变

var zh_choose = 'n'//当前选择

var zh_expires = 7//cookie过期天数

var zh_class = 'zh_click'//链接的class名,id为class + s/t/n 之一

var zh_style_active = 'font-weight:boldcolor:green'//当前选择的链接式样

var zh_style_inactive = 'color:blue'//非当前选择的链接式样

var zh_browserLang = ''//浏览器语言

var zh_autoLang_t = true//浏览器语言为繁体时自动进行操作

var zh_autoLang_s = false//浏览器语言为简体时自动进行操作

var zh_autoLang_alert = true//自动操作后是否显示提示消息

//自动操作后的提示消息

var zh_autoLang_msg = '欢迎来到本站,本站为方便台湾香港的用户\n1.采用UTF-8国际编码,用任何语言发帖都不用转码.\n2.自动判断繁体用户,显示繁体网页\n3.在网页最上方有语言选择,如果浏览有问题时可以切换\n4.本消息在cookie有效期内只显示一次'

var zh_autoLang_checked = 0//次检测浏览器次数,第一次写cookie为1,提示后为2,今后将不再提示

//判断浏览器语言的正则,ie为小写,ff为大写

var zh_langReg_t = /^zh-tw|zh-hk$/i

var zh_langReg_s = /^zh-cn$/i

//简体繁体对照字表,可以自行替换

var zh_s = '皑蔼碍爱翱袄奥坝罢摆败颁办绊帮绑镑谤剥饱宝报鲍辈贝钡狈备惫绷笔毕毙闭边编贬变辩辫鳖瘪濒滨宾摈饼拨钵铂驳卜补参蚕残惭惨灿苍舱仓沧厕侧册测层诧搀掺蝉馋谗缠铲产阐颤场尝长偿肠厂畅钞车彻尘陈衬撑称惩诚骋痴迟驰耻齿炽冲虫宠畴踌筹绸丑橱厨锄雏础储触处传疮闯创锤纯绰辞词赐聪葱囱从丛凑窜错达带贷担单郸掸胆惮诞弹当挡党荡档捣岛祷导盗灯邓敌涤递缔点垫电淀钓调迭谍叠钉顶锭订东动栋冻斗犊独读赌镀锻断缎兑队对吨顿钝夺鹅额讹恶饿儿尔饵贰发罚阀珐矾钒烦范贩饭访纺飞废费纷坟奋愤粪丰枫锋风疯冯缝讽凤肤辐抚辅赋复负讣妇缚该钙盖干赶秆赣冈刚钢纲岗皋镐搁鸽阁铬个给龚宫巩贡钩沟构购够蛊顾剐关观馆惯贯广规硅归龟闺轨诡柜贵刽辊滚锅国过骇韩汉阂鹤贺横轰鸿红后壶护沪户哗华画划话怀坏欢环还缓换唤痪焕涣黄谎挥辉毁贿秽会烩汇讳诲绘荤浑伙获货祸击机积饥讥鸡绩缉极辑级挤几蓟剂济计记际继纪夹荚颊贾钾价驾歼监坚笺间艰缄茧检碱硷拣捡简俭减荐槛鉴践贱见键舰剑饯渐溅涧浆蒋桨奖讲酱胶浇骄娇搅铰矫侥脚饺缴绞轿较秸阶节茎惊经颈静镜径痉竞净纠厩旧驹举据锯惧剧鹃绢杰洁结诫届紧锦仅谨进晋烬尽劲荆觉决诀绝钧军骏开凯颗壳课垦恳抠库裤夸块侩宽矿旷况亏岿窥馈溃扩阔蜡腊莱来赖蓝栏拦篮阑兰澜谰揽览懒缆烂滥捞劳涝乐镭垒类泪篱离里鲤礼丽厉励砾历沥隶俩联莲连镰怜涟帘敛脸链恋炼练粮凉两辆谅疗辽镣猎临邻鳞凛赁龄铃凌灵岭领馏刘龙聋咙笼垄拢陇楼娄搂篓芦卢颅庐炉掳卤虏鲁赂禄录陆驴吕铝侣屡缕虑滤绿峦挛孪滦乱抡轮伦仑沦纶论萝罗逻锣箩骡骆络妈玛码蚂马骂吗买麦卖迈脉瞒馒蛮满谩猫锚铆贸么霉没镁门闷们锰梦谜弥觅绵缅庙灭悯闽鸣铭谬谋亩钠纳难挠脑恼闹馁腻撵捻酿鸟聂啮镊镍柠狞宁拧泞钮纽脓浓农疟诺欧鸥殴呕沤盘庞国爱赔喷鹏骗飘频贫苹凭评泼颇扑铺朴谱脐齐骑岂启气弃讫牵扦钎铅迁签谦钱钳潜浅谴堑枪呛墙蔷强抢锹桥乔侨翘窍窃钦亲轻氢倾顷请庆琼穷趋区躯驱龋颧权劝却鹊让饶扰绕热韧认纫荣绒软锐闰润洒萨鳃赛伞丧骚扫涩杀纱筛晒闪陕赡缮伤赏烧绍赊摄慑设绅审婶肾渗声绳胜圣师狮湿诗尸时蚀实识驶势释饰视试寿兽枢输书赎属术树竖数帅双谁税顺说硕烁丝饲耸怂颂讼诵擞苏诉肃虽绥岁孙损笋缩琐锁獭挞抬摊贪瘫滩坛谭谈叹汤烫涛绦腾誊锑题体屉条贴铁厅听烃铜统头图涂团颓蜕脱鸵驮驼椭洼袜弯湾顽万网韦违围为潍维苇伟伪纬谓卫温闻纹稳问瓮挝蜗涡窝呜钨乌诬无芜吴坞雾务误锡牺袭习铣戏细虾辖峡侠狭厦锨鲜纤咸贤衔闲显险现献县馅羡宪线厢镶乡详响项萧销晓啸蝎协挟携胁谐写泻谢锌衅兴汹锈绣虚嘘须许绪续轩悬选癣绚学勋询寻驯训讯逊压鸦鸭哑亚讶阉烟盐严颜阎艳厌砚彦谚验鸯杨扬疡阳痒养样瑶摇尧遥窑谣药爷页业叶医铱颐遗仪彝蚁艺亿忆义诣议谊译异绎荫阴银饮樱婴鹰应缨莹萤营荧蝇颖哟拥佣痈踊咏涌优忧邮铀犹游诱舆鱼渔娱与屿语吁御狱誉预驭鸳渊辕园员圆缘远愿约跃钥岳粤悦阅云郧匀陨运蕴酝晕韵杂灾载攒暂赞赃脏凿枣灶责择则泽贼赠扎札轧铡闸诈斋债毡盏斩辗崭栈战绽张涨帐账胀赵蛰辙锗这贞针侦诊镇阵挣睁狰帧郑证织职执纸挚掷帜质钟终种肿众诌轴皱昼骤猪诸诛烛瞩嘱贮铸筑驻专砖转赚桩庄装妆壮状锥赘坠缀谆浊兹资渍踪综总纵邹诅组钻致钟么为只凶准启板里雳余链泄'

var zh_t = '皑蔼碍爱翺袄奥坝罢摆败颁办绊帮绑镑谤剥饱宝报鲍辈贝钡狈备惫绷笔毕毙闭边编贬变辩辫鼈瘪濒滨宾摈饼拨钵铂驳卜补参蚕残惭惨灿苍舱仓沧厕侧册测层诧搀掺蝉馋谗缠铲产阐颤场尝长偿肠厂畅钞车彻尘陈衬撑称惩诚骋痴迟驰耻齿炽冲虫宠畴踌筹绸丑橱厨锄雏础储触处传疮闯创锤纯绰辞词赐聪葱囱从丛凑窜错达带贷担单郸掸胆惮诞弹当挡党荡档捣岛祷导盗灯邓敌涤递缔点垫电淀钓调叠谍叠钉顶锭订东动栋冻斗犊独读赌镀锻断缎兑队对吨顿钝夺鹅额讹恶饿儿尔饵贰发罚阀珐矾钒烦范贩饭访纺飞废费纷坟奋愤粪丰枫锋风疯冯缝讽凤肤辐抚辅赋复负讣妇缚该钙盖干赶秆赣冈刚钢纲岗臯镐搁鸽阁铬个给龚宫巩贡钩沟构购够蛊顾剐关观馆惯贯广规矽归龟闺轨诡柜贵刽辊滚锅国过骇韩汉阂鹤贺横轰鸿红後壶护沪户哗华画划话怀坏欢环还缓换唤痪焕涣黄谎挥辉毁贿秽会烩汇讳诲绘荤浑夥获货祸击机积饥讥鸡绩缉极辑级挤几蓟剂济计记际继纪夹荚颊贾钾价驾歼监坚笺间艰缄茧检堿碱拣捡简俭减荐槛鉴践贱见键舰剑饯渐溅涧浆蒋桨奖讲酱胶浇骄娇搅铰矫侥脚饺缴绞轿较稭阶节茎惊经颈静镜径痉竞净纠厩旧驹举据锯惧剧鹃绢杰洁结诫届紧锦仅谨进晋烬尽劲荆觉决诀绝钧军骏开凯颗壳课垦恳抠库裤夸块侩宽矿旷况亏岿窥馈溃扩阔蜡腊莱来赖蓝栏拦篮阑兰澜讕揽览懒缆烂滥捞劳涝乐镭垒类泪篱离裏鲤礼丽厉励砾历沥隶俩联莲连镰怜涟帘敛脸链恋炼练粮凉两辆谅疗辽镣猎临邻鳞凛赁龄铃淩灵岭领馏刘龙聋咙笼垄拢陇楼娄搂篓芦卢颅庐炉掳卤虏鲁赂禄录陆驴吕铝侣屡缕虑滤绿峦挛孪滦乱抡轮伦仑沦纶论萝罗逻锣箩骡骆络妈玛码蚂马骂吗买麦卖迈脉瞒馒蛮满谩猫锚铆贸麽黴没镁门闷们锰梦谜弥觅绵缅庙灭悯闽鸣铭谬谋亩钠纳难挠脑恼闹馁腻撵捻酿鸟聂齧镊镍柠狞甯拧泞钮纽脓浓农疟诺欧鸥殴呕沤盤庞国爱赔喷鹏骗飘频贫苹凭评泼颇扑铺朴谱脐齐骑岂启气弃讫牵扡釺铅迁签谦钱钳潜浅谴堑枪呛墙蔷强抢锹桥乔侨翘窍窃钦亲轻氢倾顷请庆琼穷趋区躯驱龋顴权劝却鹊让饶扰绕热韧认纫荣绒软锐闰润洒萨鳃赛伞丧骚扫涩杀纱筛晒闪陕赡缮伤赏烧绍赊摄慑设绅审婶肾渗声绳胜圣师狮湿诗屍时蚀实识驶势释饰视试寿兽枢输书赎属术树竖数帅双谁税顺说硕烁丝饲耸怂颂讼诵擞蘇诉肃虽绥岁孙损笋缩琐锁獭挞擡摊贪瘫滩坛谭谈叹汤烫涛绦腾誊锑题体屉条贴铁厅听烃铜统头图涂团颓蜕脱鸵驮驼椭洼袜弯湾顽万网韦违围为潍维苇伟伪纬谓卫温闻纹稳问甕挝蜗涡窝呜钨乌诬无芜吴坞雾务误锡牺袭习铣戏细虾辖峡侠狭厦鍁鲜纤咸贤衔闲显险现献县馅羡宪线厢镶乡详响项萧销晓啸蝎协挟携胁谐写泻谢锌衅兴汹锈绣虚嘘须许绪续轩悬选癣绚学勋询寻驯训讯逊压鸦鸭哑亚讶阉烟盐严颜阎豔厌砚彦谚验鸯杨扬疡阳痒养样瑶摇尧遥窑谣药爷页业叶医铱颐遗仪彜蚁艺亿忆义诣议谊译异绎荫阴银饮樱婴鹰应缨莹萤营荧蝇颖哟拥佣癰踊咏涌优忧邮铀犹游诱舆鱼渔娱与屿语吁御狱誉预驭鸳渊辕园员圆缘远愿约跃钥岳粤悦阅云郧匀陨运蕴酝晕韵杂灾载攒暂赞赃脏凿枣灶责择则泽贼赠扎札轧铡闸诈斋债毡盏斩辗崭栈战绽张涨帐账胀赵蛰辙锗这贞针侦诊镇阵挣睁狰帧郑证织职执纸挚掷帜质锺终种肿众诌轴皱昼骤猪诸诛烛瞩嘱贮铸筑驻专砖转赚桩庄装妆壮状锥赘坠缀谆浊兹资渍踪综总纵邹诅组钻致钟麼为只凶准启板里雳馀鍊洩'

String.prototype.tran = function() {

var s1,s2

if (zh_choose == 't') {

s1 = zh_s

s2 = zh_t

}else if(zh_choose == 's') {

s1 = zh_t

s2 = zh_s

}else {

return this

}

var a = ''

var l = this.length

for(var i=0i<this.lengthi++){

var c = this.charAt(i)

var p = s1.indexOf(c)

a += p <0 ? c : s2.charAt(p)

}

return a

}

function setCookie(name, value) {

var argv = setCookie.arguments

var argc = setCookie.arguments.length

var expires = (argc >2) ? argv[2] : null

if (expires != null) {

var LargeExpDate = new Date ()

LargeExpDate.setTime(LargeExpDate.getTime() + (expires*1000*3600*24))

}

document.cookie = name + "=" + escape (value)+((expires == null) ? "" : ("expires=" +LargeExpDate.toGMTString()))

}

function getCookie(Name) {

var search = Name + "="

if (document.cookie.length >0) {

offset = document.cookie.indexOf(search)

if(offset != -1) {

offset += search.length

end = document.cookie.indexOf("", offset)

if(end == -1) end = document.cookie.length

return unescape(document.cookie.substring(offset, end))

}else {

return ''

}

}

}

function zh_tranBody(obj) {

var o = (typeof(obj) == "object") ? obj.childNodes : document.body.childNodes

for (var i = 0i <o.lengthi++) {

var c = o.item(i)

if ('||BR|HR|TEXTAREA|SCRIPT|'.indexOf("|"+c.tagName+"|") >0) continue

if (c.className == zh_class) {

if (c.id == zh_class + '_' + zh_choose) {

c.setAttribute('style', zh_style_active)

c.style.cssText = zh_style_active

}else {

c.setAttribute('style', zh_style_inactive)

c.style.cssText = zh_style_inactive

}

continue

}

if (c.title != '' &&c.title != null) c.title = c.title.tran()

if (c.alt != '' &&c.alt != null) c.alt = c.alt.tran()

if (c.tagName == "INPUT" &&c.value != '' &&c.type != 'text' &&c.type != 'hidden' &&c.type != 'password') c.value = c.value.tran()

if (c.nodeType == 3) {

c.data = c.data.tran()

}else{

zh_tranBody(c)

}

}

}

function zh_tran(go) {

if (go) zh_choose = go

setCookie('zh_choose', zh_choose, zh_expires)

if (go == 'n') {

window.location.reload()

}else {

zh_tranBody()

}

}

function zh_getLang() {

if (getCookie('zh_choose')) {

zh_choose = getCookie('zh_choose')

return true

}

if (!zh_autoLang_t &&!zh_autoLang_s) return false

if (getCookie('zh_autoLang_checked')) return false

if (navigator.language) {

zh_browserLang = navigator.language

}else if (navigator.browserLanguage) {

zh_browserLang = navigator.browserLanguage

}

if (zh_autoLang_t &&zh_langReg_t.test(zh_browserLang)) {

zh_choose = 't'

}else if (zh_autoLang_s &&zh_langReg_s.test(zh_browserLang)) {

zh_choose = 's'

}

zh_autoLang_checked = 1

setCookie('zh_choose', zh_choose, zh_expires)

if (zh_choose == zh_default) return false

return true

}

function zh_init() {

zh_getLang()

c = document.getElementById(zh_class + '_' + zh_choose)

if (zh_choose != zh_default) {

if (window.onload) {

window.onload_before_zh_init = window.onload

window.onload = function() {

zh_tran(zh_choose)

if (getCookie('zh_autoLang_check')) {alert(zh_autoLang_msg)}

window.onload_before_zh_init()

}

}else {

window.onload = function() {

zh_tran(zh_choose)

if (getCookie('zh_autoLang_check')) {alert(zh_autoLang_msg)}

}

}

}

}

zh_init()