Question

我试图让Javascript成为一个关键值对象，并将其用作我的资源进行本地化我在javascript文件中创建了这个Jascsript代码：

    var Values = {

    lbl_CustomerName:"Customer name: "

}

现在需要在我的HTML文件中使用此对象：

    <title>Title</title>
    <script src="../content/JS/Resources/en-us/Resources.js"></script>
</head>
<body>
    Values.lbl_CustomerName
</body>
</html>

但它被解析为平面文字！
我需要调用此Object并访问密钥以在我的HTML文件中显示它的值如何执行此操作？

Answer 1

每当您想要解析JavaScript代码时，都应该将其包装在脚本标记内。

<title>Title</title>
    <script src="../content/JS/Resources/en-us/Resources.js"></script>
</head>
<body>
    <script> document.write(Values.lbl_CustomerName); </script>
</body>
</html>

浏览器有解释器和虚拟机。在本地，他们将代码解析为HTML。如果你需要使用其他语法如CSS和JavaScript，你应该告诉他们嘿浏览器，将这部分解析为CSS，JavaScript。

这就是我们需要和标签的原因

Answer 2

我们可以真正建议您使用像框架内嵌入此类行为的javascript框架。

没有javascript框架，您需要自己修改DOM以插入预期值。如果你想在纯javascript函数中执行它，你可以写一个函数，如：

function insertKey(elem,id) {
  elem.innerHTML = Values[id];
}

在你的情况下，它看起来像这样：

<title>Title</title>
    <script src="../content/JS/Resources/en-us/Resources.js"></script>
    <script type="text/javascript">
       function insertKey(elem,id) {
         elem.innerHTML = Values[id];
       }
    </script>
</head>
<body>
    <div onload="insertKey(this,'lbl_CustomerName')"></div>
</body>
</html>

Answer 3

我得到了答案，Javascript文件必须返回一个对象，因此可以在页面上使用它，如下所示：
javascript：

function resourcesObject() {
    return {
        "customerName": "Customer name";
    };
}

HTML

<script>
var resources=resourcesObject();
var customerName=resources["customerName"];
</script>

如何使用Javascript文件作为资源文件

3 个答案: