更改 HTML 中的地址信息答案

【问题标题】：Change Address info in HTML更改 HTML 中的地址信息
【发布时间】：2015-09-09 06:58:18
【问题描述】：

抱歉，Java 新手...我需要定期更改与我们的备用联系人有关的网站的 3 页中的详细信息。我正在尝试找到一种方法来大大减少每次花名册更改时所需的更改。我目前正在更改每个页面中的 html。

该站点是带有一些 css 的 HTML5，并且有人建议做我需要的最佳方法是在单独的文件中创建一个 javascript 数组，并在我的 HTML 中使用数组中的变量。我有一个姓名列表，我的数组中有我需要显示的详细信息，即 name1 name2、phone1、phone2 和 email。

我能想到的满足简单性方面的最佳方法是创建一个二维的联系人详细信息数组和一个单独的变量（onCall），该变量标识数组的哪一行应该填充 html 页面。我希望我只需要更改 onCall 变量即可更改显示的详细信息。

我有最好的方法吗？...在 CSS 中这样做是否可行/可行？

我还没有弄清楚如何从单独的文件中调用变量。

【问题讨论】：

当您说 Java 新手 时，您的意思是 JavaScript 新手？你尝试一下吗？你能提供你的代码吗？

标签： javascript css arrays html multidimensional-array

【解决方案1】：

首先你用数组创建新的 JavaScript 文件，或者对象可以更适合你：

var person = {firstName:"John", lastName:"Doe", phone:555777555, mobile:6664444333, email:"John.Doe@gmail.com"};

请寻找一些 JavaScript 教程，例如 JavaScript Objects

接下来，您将 .js 文件包含在每个 HTML 中：

<script src="myscripts.js"></script>

之后，您可以将对象数据放入 HTML 中（查看上面的相同教程）：

<html>
    <body>
        <p id="demo"></p>
        <script>
            document.getElementById("demo").innerHTML = person.firstName + " " + person.lastName;
        </script>
    </body>
</html>

【讨论】：

【解决方案2】：

我一直在浏览一些 Javascript 教程，并认为切换选项会给我带来最少的工作量。以下方法有什么问题吗？谢谢穆扎

<p id="demo"></p>

<script>
  var Contact = 3;   // Change this number to select the incomming Contact person
  switch (Contact) {
    case 0:
    Contact = "Brown"; F_Name = "Fredda"; Email = "fredda@email.com"; M_Phone = "0400 400 400";
    break;
case 1:
    Contact = "Clyde"; F_Name = "Fredda"; Email = "fredda@email.com"; M_Phone = "0400 400 400";
    break;
case 2:
    Contact = "Dennis"; F_Name = "Fredda"; Email = "fredda@email.com"; M_Phone = "0400 400 400";
    break;
case 3:
    Contact = "Elthorp"; F_Name = "Fredda"; Email = "fredda@email.com"; M_Phone = "0400 400 400";
    break;
case 4:
    Contact = "Furgusson"; F_Name = "Fredda"; Email = "fredda@email.com"; M_Phone = "0400 400 400";
    break;

}
document.getElementById("demo").innerHTML = "For enquiries please call or email " + F_Name+" on "+M_Phone;


document.write (F_Name+" "+Contact+" is our person on call this week. ");
</script>

</body>
</html>

【讨论】：