以文本方式查看主题

-  ╋艺 镇╋  (http://wdystv.com/bbs/index.asp)
--  ┣◇网站建设&Web语言  (http://wdystv.com/bbs/list.asp?boardid=4)
----  几行代码轻松搞定网页的简繁转换  (http://wdystv.com/bbs/dispbbs.asp?boardid=4&id=1757)

--  作者:admin
--  发布时间:2008/7/1 16:22:21
--  几行代码轻松搞定网页的简繁转换

其实我看到有两种方法,一种是UTF-8代码做网站。繁体操作系统用户的浏览器会自动将简体转换为繁体。

而我记录的这一种是利用js代码。在此感谢小雨。

对网页进行简繁字体转换的方法一般有两种:一是使用《简繁通》这样的专业软件,另外一种是制作两套版本的网页。显然,这两种方法都较为麻烦,而且专业软件一般不能用于免费的空间。笔者在这里给大家提供一个非常简单的方法,只须在页面上添加几行代码就可以轻松搞定网页的简繁转换了。

首先下载用于简繁转换的js文件 http://www.smallrain.net/study/transform.js  ,复制到网站目录下,然后使用网页制作工具打开需要进行简繁转换的网页,在代码中的加入如下代码:

<script type="text/JavaScript" language="JavaScript" src="js/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>


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

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

[此贴子已经被作者于2008-7-3 19:11:44编辑过]