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

最新推荐文章于 2025-03-10 15:52:03 发布

我劲歌

最新推荐文章于 2025-03-10 15:52:03 发布

阅读量2.0w

点赞数 1

分类专栏： JavaScript 文章标签： html JavaScript

本文链接：https://blog.youkuaiyun.com/qq_34835428/article/details/78677169

版权

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个简单的网页中英文切换方法，通过JavaScript动态更改DOM元素内容实现。适用于小型项目，提供了一个快速实现语言切换功能的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近一个网页项目实现中英文切换，网上的各种方法众多，有谷歌和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" οnclick="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>

初始界面：