如何访问其他javascript var

Question

我有一个应用程序和不同的javascript文件。

从HTML，我希望能够从那些不同的javascript文件访问var。

我应该怎么做？

示例JAVASCRIPT：

var one = {
  att1: 'myString1',
  att2: 'myString2'
  ...
};

var two = {
  att1: 'myString3',
  att2: 'myString4',
  ...
};

示例HTML：

<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" charset="utf-8" src="js/idiomas.js"></script>
<script type="text/javascript" src="jqueryMobile/jquery-1.11.0.js"/></script>
......

编辑：

抱歉，错过了一部分。 这是我尝试访问数据的地方：

<script type="text/javascript">
  var atrib1 = document.getElementById("idAtr1");
  var atrib4 = document.getElementById("idAtr4");
  .....
  atrib1.innerHTML = one.att1;
  atrib4.innerHTML = two.att2;
  ....
</script>

Answer 1

您必须维护层次结构。 例如。

<script src="file1.js"></script>  
<script src="file2.js"></script>

那么您可以访问file2.js上的file1.js变量，但不能访问file1.js上的file2.js 。 规则是javascript按顺序读取文件。 因此，如果您尝试在功能可用之前访问函数/变量/对象，则会出错。

否则，如果要访问两个文件变量，则可以尝试以下操作：

<script src="file1.js"></script>  
<script src="file2.js"></script>
<!-- import your js files that contain those variable -->
<script>
  var atrib1 = document.getElementById("idAtr1");
  var atrib4 = document.getElementById("idAtr4");
  //import your js files above and then call it.
  atrib1.innerHTML = one.att1;
  atrib4.innerHTML = two.att2;

</script>

如果您仍有疑问。 提及评论。 我们将尽力帮助:)

Answer 2

只需在HTML中添加这些js文件，然后正常访问这些变量即可。

<!-- Your script containing the variables -->
<script type="text/javascript" charset="utf-8" src="js/idiomas.js"></script>

...

<script type="text/javascript">
    console.log(one);  // Access the variable normally
</script>