html中如何实现简体中文与繁体中文的转换?

html中如何实现简体中文与繁体中文的转换?,第1张

这个需要配合JS使用,HTML是没有提供简繁转换的支持的。不过网上有工具可以实现。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>简繁体转换带cookie</title>

<script  src='js.js'></script>

</head>

<body>

<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>

<div style="width:500px margin:20px auto">测试网页文字,繁简体转换</div>

<div style="width:500px margin:20px auto">

这里是测试代码,大家可以尝试一下看看!切换会变哦!

</div>

</body>

</html>

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

首先在下载用于简繁转换的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>

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7061444.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存