软云社区-链接世界,仅需一步!
省米机器人微信:Lh1591591591
省米机器人微信:Lh1591591591
省米机器人微信:Lh1591591591
省米机器人微信:Lh1591591591
省米机器人微信:Lh1591591591
省米机器人微信:Lh1591591591
省米机器人微信:Lh1591591591
省米机器人微信:Lh1591591591
省米机器人微信:Lh1591591591
省米机器人微信:Lh1591591591
省米机器人微信:Lh1591591591
省米机器人微信:Lh1591591591
省米机器人微信:Lh1591591591
省米机器人微信:Lh1591591591
软云社区丨点击举报骗子广告丨广告联系QQ:7.5.1.1.8.3.3.0.8
提示:软云社区-是一家专注免费资源分享社区!大部分资源来自网络,所有广告与本站无关,所有软件终版权归作者所有,交易需谨慎
  • 首页
  • 技术文章
  • js实现网页简转繁功能,站长PHP站点亲测完整实现版无任何BUG

js实现网页简转繁功能,站长PHP站点亲测完整实现版无任何BUG

发布:软云社区2018-7-6 11:01分类: 技术文章 标签: 网页简转繁

       1111.jpg

--------------------------------------------分割线------------------------------------------

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

    首先下载用于简繁转换的js文件transform.js:

        点击下载 transform.js文件  (右链目标另存为

 

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

        之前用obj.innerHTML=s2t(obj.innerHTML)  出错: Unable to get property 'innerHTML'  of undefined or null reference .

点击查看原图

后改为:

<script type="text/javascript" src="transform.js"></script>    
<script type="text/JavaScript" language="JavaScript">
         // var obj = document.body;
          function s22t(){
              document.body.innerHTML=s2t(document.body.innerHTML);
             // document.body.innerHTML
          }
          function t22s(){
              document.body.innerHTML=t2s(document.body.innerHTML);
          }
      </script>

 按 Ctrl+C 复制代码

 

        然后在网页的适当位置添加简繁转换链接:<a href="javascript:s22t()">繁体中文</a><a href="javascript:t22s()">简体中文</a>

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

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

 

二 优化后  利用Cookie 整站可转为繁体

        1 .将以下代码加入到 transform.js 的前面: 然后引入文件

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

--------------------------------------------分割线------------------------------------------

function s22t(){
    document.cookie  = 'cmlan=tw';  //设置cokie
    document.body.innerHTML=s2t(document.body.innerHTML);
}
function t22s(){
    document.body.innerHTML=t2s(document.body.innerHTML);
    //以下删除cookie
    var date=new Date();
    date.setTime(date.getTime()-1000)
    document.cookie="cmlan=tw; expires="+date.toUTCString();
}
//判断是否存在名为cmlan的cookie,使用document.cookie.indexOf(“cmlan=”)来判断,如果返回值是-1,表示不存在。
function myfun()
{
    c_start=document.cookie.indexOf("cmlan=");
    if(c_start==-1){
        //document.body.innerHTML=t2s(document.body.innerHTML);  //无需转化
    }
    else{
        document.body.innerHTML=s2t(document.body.innerHTML);  //加载转化为繁体
    }
}
/*用window.onload调用myfun()  网页打开时加载以下方法*/
window.onload=myfun;//不要括号

 

2:在网页的适当位置添加简繁转换链接:<a href="javascript:s22t()">繁体中文</a><a href="javascript:t22s()">简体中文</a> 

 

温馨提示如有转载或引用以上内容之必要,敬请将本文链接作为出处标注,谢谢合作!

已有 0/72 人参与

发表评论:

软云社区-是一家专注免费资源分享社区!

欢迎使用手机扫描访问本站,还可以关注微信哦~