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上的 file2.js .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>

我怎样才能访问其他javascript var

2 个答案: