網站上的中英文切換程式碼怎麼寫

要在網頁上實現語言切換功能，通常需要使用一些前端科技來動態更改語言。 以下是一種常見的實現管道：

1.使用JavaScript切換語言

HTML程式碼

html複製程式碼<；！ DOCTYPE html>； <； html lang=“； zh"； >； <； 頭部>； <； 元字元集=“； UTF-8“ >； <； title>； 語言切換示例<； /title>； <； 頭部>； <； 身體>； <； h1 id=“； 歡迎"； >； 歡迎<； /h1>； <； 按鈕onclick=“； switchLanguage（'en'）”； >； 切換到英語<； /按鈕>； <； 按鈕onclick=“； switchLanguage（'zh'）”； >； 切換到英語<； /按鈕>； <； 腳本src=“； script.js”； >； <； /script>； <； 身體>； <； /html>；

JavaScript程式碼（script.js)

javascript語言 复制代码 函數switchLanguage（lang）{const messages={en:{welcome:'welcome'}，zh:{wellow:' 欢迎'         }     }; document.documentElement.lang=lang；  // 修改语言  document.getElementById（'welcome'）.textContent=messages[lang].ewelcome；  // 修改文本}

2.使用JSON檔案加載語言包

語言包（en.json和zh.json)

json复制代码// en.json{“歡迎”：“歡迎”}//zh.json{“邀請”：“； 欢迎& “}

HTML程式碼

html複製程式碼<；！ DOCTYPE html>； <； html lang=“； zh"； >； <； 頭部>； <； 元字元集=“； UTF-8“ >； <； title>； 語言切換示例<； /title>； <； 頭部>； <； 身體>； <； h1 id=“； 歡迎"； >； 歡迎<； /h1>； <； 按鈕onclick=“； switchLanguage（'en'）”； >； 切換到英語<； /按鈕>； <； 按鈕onclick=“； switchLanguage（'zh'）”； >； 切換到英語<； /按鈕>； <； 腳本src=“； script.js”； >； <； /script>； <； 身體>； <； /html>；

JavaScript程式碼（script.js)

javascript語言 复制代码 非同步函數switchLanguage（lang）{const response=wait fetch（`${lang}.json `）； const messages=等待響應.json（）； document.documentElement.lang=lang；  // 修改语言  document.getElementById（'welcome'）.textContent=messages.welcome；  // 修改文本}

這兩種方法都能幫助你實現基本的語言切換功能。 根據你的需要，可以選擇適合的管道。