如何訪問其他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>