如何用JS实现网页中英文切换的效果

JavaScript010

如何用JS实现网页中英文切换的效果,第1张

最简单的办法就是在你的所有中文页面上，一般在导航位置加一个英文页面首页的超链接。这样用户点英文那个链接就进入英文页面了。同样的，在所有的英文页面导航位置都加一个中文首页链接。推荐你用图片做这两个链接，这样不会因为用户没有装对应的语言系统而出现奇怪字符。比如欧美用户一般是不会装中文系统的，页面上有中文字符的时候必然显示为乱码。

网站目录当然要为中文和英文各建一个独立的目录，里面放置各自的页面了。

如果使用数据库的话，则思路是一样的。

js替换网页内容，方法如下：

1、加载网页内容的部分设置id如：<div id="content">内容部分</div>

2、js更改此处内容显示如下：

<script>document.getElementById('content').innerHTML="更改内容信息"</script>

完整代码如下：

<div id="content">内容部分</div>

<script>document.getElementById('content').innerHTML="更改内容信息"</script>

上述方法需要注意div和script的顺序

还可以使用js函数来更改

<script>

function genggai(){

document.getElementById('content').innerHTML="更改内容信息"

}

</script>

<div id="content">内容部分</div>

<input type="button" onClick="genggai()" value="点击更换">