要在網(wǎng)頁(yè)上實(shí)現(xiàn)語(yǔ)言切換功能，通常需要使用一些前端技術(shù)來(lái)動(dòng)態(tài)更改語(yǔ)言。以下是一種常見(jiàn)的實(shí)現(xiàn)方式：
html復(fù)制代碼<!DOCTYPE html><html lang="zh"><head>
<meta charset="UTF-8">
<title>語(yǔ)言切換示例</title></head><body>
<h1 id="welcome">歡迎</h1>
<button onclick="switchLanguage('en')">切換到英語(yǔ)</button>
<button onclick="switchLanguage('zh')">切換到中文</button>
<script src="script.js"></script></body></html>script.js)javascript復(fù)制代碼function switchLanguage(lang) { const messages = { en: { welcome: 'Welcome'
}, zh: { welcome: '歡迎'
}
}; document.documentElement.lang = lang; // 修改語(yǔ)言
document.getElementById('welcome').textContent = messages[lang].welcome; // 修改文本}en.json 和 zh.json)json復(fù)制代碼// en.json{
"welcome": "Welcome"}// zh.json{
"welcome": "歡迎"}html復(fù)制代碼<!DOCTYPE html><html lang="zh"><head>
<meta charset="UTF-8">
<title>語(yǔ)言切換示例</title></head><body>
<h1 id="welcome">歡迎</h1>
<button onclick="switchLanguage('en')">切換到英語(yǔ)</button>
<button onclick="switchLanguage('zh')">切換到中文</button>
<script src="script.js"></script></body></html>script.js)javascript復(fù)制代碼async function switchLanguage(lang) { const response = await fetch(`${lang}.json`); const messages = await response.json();
document.documentElement.lang = lang; // 修改語(yǔ)言
document.getElementById('welcome').textContent = messages.welcome; // 修改文本}這兩種方法都能幫助你實(shí)現(xiàn)基本的語(yǔ)言切換功能。根據(jù)你的需要，可以選擇適合的方式。