javascript - 从不同的 .html 文件附加到在 .js 文件中声明的数组

Question

我有一个外部 javascript 函数，它只声明一个空数组。我有两个使用这个数组的文件，第一个文件使用 push 方法附加到数组中，第二个文件在数组中搜索并查找添加到数组中的值（如果存在）。我的问题是，每次我尝试搜索数组时，它都是空的，这意味着没有任何东西添加到数组中。

这是我的 .js 文件的内容：

   var users = [];

这是我的 .html 文件的 javascript 部分：

  <script type="text/javascript" src="array.js"></script>
  <script type="text/javascript">
           var uname = "someone";
           var pword = "something";
           users.push(uname);
           users.push(pword);
  </script>

Answer 1

我建议您命名您的应用程序以避免冲突。以下将有所帮助：

//array.js
var myApp = {
    users: [] //This will create a new var users with empty array
};

//JS in the HTML file
<script type="text/javascript" src="array.js"></script>
<script type="text/javascript">
    var uname = "someone";
    var pword = "something";
    if (myApp && myApp.users) {
        myApp.users.push(uname);
        myApp.users.push(pword);
    }
</script>

另外我建议您在 HTML 的顶部加载 array.js，并将内联脚本放在 HTML 的末尾。