Question

以下是 index.html 文件:

<html>

<head>

<script>

function ChangePageLanguage()
{
var e = document.getElementById("langDD");
var lang = e.options[e.selectedIndex].value;

if (lang == "it")
{
    var scrptE = document.createElement("script");
    scrptE.setAttribute("type", "text/javascript");
    scrptE.setAttribute("language", "JavaScript");
    scrptE.setAttribute("src", "language_it.js?" + (Date.now() % 10000));
    var head = document.getElementsByTagName("head")[0];
    head.appendChild(scrptE);

    document.getElementById( p1 ).innerHTML = obj[key1];
    //document.getElementById( p2 ).innerHTML = obj[key2];
}
}
</script>
</head>

<body>
<select onchange="ChangePageLanguage()" id="langDD">
    <option value="en">English</option>
    <option value="it">Italian</option>
</select>
<br/>
<span id="p1">
</span>
<br/>
<span id="p2">
</span>

</body>

</html>

我有以下的 language_it.js :

var obj = {
key1: Il mio nome è Azeem,
key2: Sono uno sviluppatore di Software
};

When I select Italian Language from Dropdown, it should print key1 value in span object with id="p1", but its not... Is there anything wrong with key/value pairs in language_it.js? Please help me out.

Answer 1

脚本将装入 Aync, 所以当您尝试访问 < code> obj 时, 它尚未可用。尝试使用诸如 < code> require. js 或一个负载处理器 :

scrptE.onload = scrptE.onreadystatechange = function() {
    console.log(obj);
};

您想要在事件处理器中装入脚本文件自动同步有什么具体原因吗? 将它载入到加载中并在需要时立即访问似乎更有效率。

Answer 2

您张贴的 Javascript 文件是非法的, 因为您没有引用字符串字典。应该是这样 :

var obj = {
  key1:  Il mio nome è Azeem ,
  key2:  Sono uno sviluppatore di Software 
};

<强 > 更新

还有,线线线

document.getElementById( p1 ).innerHTML = obj[key1];

错误, 因为 key1 不是一个变量( 正如错误消息所言 ) 。

应将以下任何一种变式改写为:

document.getElementById( p1 ).innerHTML = obj.key1;
document.getElementById( p1 ).innerHTML = obj[ key1 ];

这两行是等效的。如果这是您的新消息, 那么我建议您开始阅读一个恰当的 Javascript 教程。 < a href=" https:// stackoverflow. com/tags/javascript/ info>> javascript 标签, sinfo page 是一个很好的起点。

友情链接