javascript - 如何在 HTML 中插入变量

Question

我有一个小问题，我有一个翻译 JSON 变量。我想把它放在 HTML 上。有什么办法可以做到吗？

我的 JS 文件:

var Karting = Karting || {};

Karting = {

lang : 'lv',
translationsLV: {
    "Home" : "Ziņas",
},
}

我想这样做:

我的页面是静态的，我没有使用任何模板引擎。

<li><a class="active" href="#">Karting.translationsLV['Home']</a></li>

编辑:

添加了这个:

$(window).load( function() {
        var translations;
        if (Karting.lang=='lv')
        {
            translations = Karting.translationsLV;
        }
        else
        {
            translations = Karting.translationsENG;
        }
            }, false );

这不显示我的元素

document.write(translations['Home'])

UncaughtRefferenceError - 未定义翻译

Answer 1

一种方法是使用 document.write :

<li><a class="active" href="#"><script>document.write(Karting.translationsLV['Home'])</script></a></li>