JavaScript를 사용하여 페이지 언어를 전환하는 방법은 무엇입니까?

글로벌 비즈니스를 위한 웹사이트나 앱을 개발할 때마다 청중이 이해할 수 있는 언어에도 집중해야 합니다. 예를 들어, 영어는 국제어이지만 세계 일부 지역에서는 독일어, 스페인어 등을 사용하기 때문에 영어를 이해할 수 없습니다.

그러나 관찰해보면 일부 웹사이트에서는 웹사이트의 언어를 변경할 수 있는 옵션을 제공합니다. 버튼 하나만 클릭하면 전체 웹사이트의 언어를 변경할 수 있습니다. 이것이 어떻게 가능한지 궁금한 적이 있습니까?

여기에서는 JavaScript를 사용하여 웹 페이지의 언어를 전환하는 방법을 배웁니다.

문법

사용자는 JavaScript를 사용하여 웹 페이지 언어를 변경하려면 다음 구문을 따라야 합니다.

으아아아

위 구문에서는 선택한 언어에 따라 웹페이지의 내용을 변경하는 if-else 문을 작성했습니다. 사용자는 콘텐츠를 특정 언어의 콘텐츠로 바꿔야 합니다.

예 1

아래 예에서는 일부 div 요소 콘텐츠를 추가했습니다. 사용자가 웹페이지의 언어를 변경하기 위해 아무 버튼이나 누를 때마다 언어를 매개변수로 전달하여 ChangeLanguage() 함수를 호출합니다. ChangeLanguage() 함수에서는 div 요소에 액세스하고 선택한 언어에 따라 해당 내용을 변경합니다.

으아아아

예 2

아래 예에서는 여러 요소가 포함된 웹페이지를 만들었습니다. 또한 각 요소에 고유한 ID를 부여했습니다. JavaScript에서는 "언어Content"라는 개체를 만듭니다. 객체에서는 언어를 키로 저장하고 내용을 값으로 저장합니다. 콘텐츠 객체에서는 요소 ID를 키로 사용하고 해당 언어별 콘텐츠를 값으로 사용합니다.

switchLang() 함수에서는 LanguageContent 객체의 언어별 콘텐츠에 액세스하고 웹페이지에 있는 모든 요소의 콘텐츠를 바꿉니다.

으아아아

사용자는 JavaScript를 사용하여 웹 페이지 언어를 전환하는 방법을 배웠습니다. 첫 번째 예에서는 여러 언어 간에 전환하는 방법을 보여줍니다.

라이브 웹사이트에 두 번째 예를 사용할 수 있습니다. 실시간 애플리케이션에는 많은 양의 콘텐츠가 포함될 수 있으므로 개발자는 동일한 파일이 아닌 JSON 파일을 생성하여 콘텐츠를 저장해야 합니다. 그런 다음 for 루프를 사용하여 JSON 파일의 모든 요소를 ​​반복하고 웹 페이지의 콘텐츠를 업데이트할 수 있습니다.

위 내용은 JavaScript를 사용하여 페이지 언어를 전환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!