JavaScript代码轻松实现网页字体简繁转换
2009-12-28 16:56
681 查看
也许你也看到过,在别人的网站上有一个文字简体/繁体的转换链接,下面我们就对网页的简繁转换功能进行剖析。
对网页进行简繁字体转换的方法一般有两种:一是使用《简繁通》这样的专业软件,另外一种是制作两套版本的网页。显然,这两种方法都较为麻烦,而且专业软件一般不能用于免费的空间。笔者在这里给大家提供一个非常简单的方法,就是让JavaScript来帮忙,只须在页面上添加几行代码就可以轻松搞定网页的简繁转换了。
首先在如下地址下载用于简繁转换的js文件transform.js
然后复制到网站目录下,然后使用网页制作工具打开需要进行简繁转换的网页,在代码中的加入如下代码:
然后在网页的适当位置添加简繁转换链接:
保存页面后,点击“繁体中文”链接,页面就会成繁体,点击“简体中文”就会自动转换为简体形式,方便不同用户的选择浏览了。
对网页进行简繁字体转换的方法一般有两种:一是使用《简繁通》这样的专业软件,另外一种是制作两套版本的网页。显然,这两种方法都较为麻烦,而且专业软件一般不能用于免费的空间。笔者在这里给大家提供一个非常简单的方法,就是让JavaScript来帮忙,只须在页面上添加几行代码就可以轻松搞定网页的简繁转换了。
首先在如下地址下载用于简繁转换的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> |
相关文章推荐
- JavaScript代码轻松实现网页内容禁止复制(代码简单)
- JavaScript代码轻松实现网页内容禁止复制(代码简单)
- 基于JavaScript实现网页倒计时自动跳转代码
- 几行代码轻松搞定网页的简繁转换(转载)
- javascript制作的网页侧边弹出框思路及实现代码
- JavaScript实现网页加载进度条代码超简单
- javascript 大中小字体显示实现代码
- jQuery javascript获得网页的高度与宽度的实现代码
- 几行代码轻松搞定网页的简繁转换
- Javascript 网页水印(非图片水印)实现代码
- Javascript实现带关闭按钮的网页漂浮广告代码
- JQuery 改变页面字体大小的实现代码(实时改变网页字体大小)
- 一个实现字体大中小方法的JavaScript代码
- javascript禁止访客复制网页内容的实现代码
- JavaScript实现更改网页背景与字体颜色的方法
- javascript使用输出语句实现网页特效代码
- javascript实现倒计时N秒后网页自动跳转代码
- javascript实现网页中图片的自动切换代码
- 几行代码轻松搞定网页的简繁转换
- javascript代码如何实现打印框架里面的某个网页