HTML实现简单中英文切换（仅限小页面）

来源：互联网发布：格子分类信息网站源码编辑：程序博客网时间：2024/05/22 09:46

最近一个网页项目实现中英文切换，网上的各种方法众多，有谷歌和360api的自动翻译接口，自建库等等，但是我想实现的不过是在我这个页面点击切换语言即可，思路是替换原有div，只有几行代码，（ps：觉得没技术含量或者没东西的太基础了的出门右拐）如下：

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>Language change</title><script type="text/javascript"> function changeLanguage(){ document.getElementById("p1").innerHTML="这是一个苹果婊"; document.getElementById("p3").innerHTML="婊苹果"; }</script></head><body><input type="button" onclick="changeLanguage()" value="切换语言" />       <div id="div1">        <p id="p1">This is a pen</p>        <p id="p2">This is an apple</p>        <p id="p3">applepen pen</p>       </div></body></html>

初始界面：

点击按钮：

即可实现语言切换功能。

再次声明只适合小页面，如果是大项目请用接口字典啥的。

阅读全文

0 0