JavaScriptを使用してページの言語を切り替えるにはどうすればよいですか?

グローバル ビジネス向けの Web サイトやアプリを開発するときは、視聴者が理解できる言語にも重点を置く必要があります。たとえば、英語は国際言語ですが、世界の一部の地域では、ドイツ語やスペイン語などを話すため、英語が理解できない場合があります。

ただし、ご覧のとおり、一部の Web サイトでは Web サイトの言語を変更するオプションが提供されています。ボタンをクリックするだけで、Web サイト全体の言語を変更できます。どうしてそんなことが可能なのか疑問に思ったことはありますか?

ここでは、JavaScript を使用して Web ページの言語を切り替える方法を学びます。

ユーザーは JavaScript を使用して、次の構文に従って Web ページの言語を変更する必要があります。

上記の構文では、選択した言語に応じて Web ページのコンテンツを変更する if-else ステートメントを記述しました。ユーザーはコンテンツを特定の言語のコンテンツに置き換える必要があります。

例 1

以下の例では、div 要素のコンテンツを追加しました。ユーザーがいずれかのボタンを押して Web ページの言語を変更するたびに、言語をパラメーターとして渡して、changeLanguage() 関数を呼び出します。 changeLanguage() 関数では、div 要素にアクセスし、選択した言語に従ってその内容を変更します。

例 2

以下の例では、複数の要素を含む Web ページを作成します。さらに、各要素に一意の ID を与えました。 JavaScript では、「 languageContent 」というオブジェクトを作成します。オブジェクトには、言語をキーとして、コンテンツを値として保存します。コンテンツ オブジェクトでは、要素 ID をキーとして使用し、その言語固有のコンテンツを値として使用します。

switchLang() 関数では、 languageContent オブジェクトから特定の言語のコンテンツにアクセスし、Web ページ上のすべての要素のコンテンツを置き換えます。

ユーザーは、JavaScript を使用して Web ページの言語を切り替える方法を学びました。最初の例では、複数の言語を切り替える方法を示します。

2 番目の例は、ライブ Web サイトに使用できます。リアルタイム アプリケーションには大量のコンテンツが含まれる可能性があるため、開発者はコンテンツを同じファイルに保存するのではなく、JSON ファイルを作成する必要があります。その後、for ループを使用して JSON ファイルのすべての要素を反復処理し、Web ページのコンテンツを更新できます。

以上がJavaScriptを使用してページの言語を切り替えるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。