從JavaScript文件更改HTML頁面中的文本語言 - 已解決

-1

我得到的任務不屬於我的知識領域，但仍需要完成。從JavaScript文件更改HTML頁面中的文本語言 - 已解決

我有一個JavaScript文件，我需要從HTML頁面創建某種字典（包含翻譯的文本），並且能夠從HTML標題中更改語言。

<a class="text-center" id='lnkHumanResources'> 
     <p><img width="100" height="100" src="assets/img/icons/home-hr.png" /></p> 
     <h1>Ljudski resursi</h1> 
    </a>

這是代碼含有需要被翻譯

「Ljudski resursi」到「人力資源」的字符串的一例。

因此，我需要在.js文件中使用不同語言的硬編碼文本，以及某種從HTML標題更改語言的方法，並將其包括到少數需要能夠更改語言的HTML頁面。

請記住，JavaScript是不是我的事，如果你需要以更多的細節提供一些幫助，填寫免費問:)

UPDATE

誰卡住請參閱Translate.js

下載插件並將其解壓縮到您的lib文件夾中，並將其包含到您要翻譯的所有html頁面中

<script src="assets/js/lib/translate.js-master/jquery.translate.js"></script>

我也創建了一個包含所有字符串我想從幾個語言的所有網頁翻譯dictionary.js，並列入它也給需要被翻譯

var dict = {  // dictionary.js 
    "Home": { 
    pt: "Início", 
    en: "Home" 
    }, 
    "Download plugin": { 
    pt: "Descarregar plugin", 
    en: "Download plugin" 
    } 
};

所有的HTML網頁中包含對HTML例如：

<script src="assets/js/lib/dictionary.js"></script>

不要忘了換用類「萬億」跨度屬性的所有硬編碼字符串

<p class="some-class"><span class="trn">Text to translate</span></p>

然後，只需添加下一行HTML頁面，你去好:)

var translator = $('body').translate({lang: "en", t: dict}); // en to use English

希望它能幫助！

來源

2017-06-20 NiksMan

等什麼所謂的場到u工作嗎？ –

請查看 - > https://www.i18next.com/ –

您可以使用jQuery的text功能改變的h1

$('#lnkHumanResources h1').text("Human Resources");

內容，不要忘記了jQuery鏈接到你的HTML頁面

來源

2017-06-20 09:00:42

我看你是前端開發人員，對JavaScript和JQuery有很好的瞭解。你能否提供一些更詳細的信息，如何將該翻譯文本分配爲「en」（英文）並將其連接到html標題，以便可以更改 – NiksMan

無法將其連接到Html需要添加一個事件監聽器，如點擊，所以當用戶點擊某個按鈕時，它將翻譯文本 –

從JavaScript文件更改HTML頁面中的文本語言 - 已解決

回答

相關問題