質問: 純粋なhtml、js、jqueryを使用して複数言語のwebサイトを構築する方法 htmlを使用してページを構築しています。問題は、複数の言語スイッチを構築する方法ですか?言語翻訳は問題ではありません、私は用語を持っています。しかし、私はメニューバーの言語ボタン/ドロップダウンリストを介してすべてのページを切り替える方法がわかりませんか?既存のサンプルまたはテンプレートがあれば、さらに良いでしょう。前もって感謝します。
回答: フロントエンドは初めてなので、 iframes を使用して2つの異なる言語でページをシミュレートする非常に基本的な試みの実用的なテンプレート/例を提供することを考えました。これは、少なくともm. tahaが多言語uiを提供する汎用フロントエンドフレームワークでの作業を完了するまで、少なくとも別の方法でアイデアを得ることができます。 this と this がそれぞれ英語とフランス語のページのバージョンであると仮定すると、そのようにすることができます(fiddle here ):<html> <body> <select id="langselector" onchange="loadlang()"> <option value="en">english</option> <option value="fr">french</option> </select> <p></p> <iframe id="contents" src="https://jsfiddle.net/q2nw8o35/" width="1366" height="768" scrolling="yes"> <p>your browser does not support iframes.</p> </iframe> <script> function loadlang() { var lng = document.getelementbyid("langselector").value; var cnt = document.getelementbyid("contents"); switch (lng) { case "en": cnt.src = "https://jsfiddle.net/q2nw8o35/"; break; case "fr": cnt.src = "https://jsfiddle.net/jmn8c9tj/"; break; } } </script> </body> </html> ページのバージョンを作成し、src- sの値をサーバー上のページバージョンへのパスに置き換えるだけで、すべてをiframe内で実行できます。 。少し実験して(jsfiddleで遊びましょう)助けてもらえれば、そこから先に進んで、m.tahaがしようとしているように正しい方法を探すことができます(たとえば、ローカルストレージを使用して、jsonファイルをさらに詳しく作成します/以前の設定を「記憶」するためのcookieなど)。私の例は、最終的なフレームワークなどを提供することを意図したものではありませんが、当面、またはより良いソリューション/回答が提供されるまで、望みを達成できる非常に基本的な作業例のように見るべきです。