CSS / HTML / PHP显示交替数组列表（Google Chrome扩展程序）

Question

我正在尝试创建一个Google chrome扩展程序，其中将几个不同的数组（名称，年龄，国家/地区等）传递给popup.html，并使用HTML / CSS / PHP类似于以下内容来显示它们：

约翰·多伊28
美国

保罗·史密斯58
日本

罗伯特·格林39
德国

我只能将每个数组传递给popup.html，只显示最后一个传递的数组-我无法找到一种方法来显示交替数组的每个条目。

在这一点上，我对应该采用的方法感到困惑。 我应该使用列表还是更改将数组传递到HTML文件的方式，还是有一种简单的方法来显示交替的数组？

任何帮助将不胜感激！ 谢谢！

注意：

名称= ['John Doe'，'Paul Smith'，'Robert Green']
年龄= [28、58、39]
国家/地区= ['美国'，'日本'，'德国']

编辑-用示例代码更新

（“ msg”是用于演示目的的单个数组，已从background.js传递到popup.js中）

popup.js：

var port = chrome.extension.connect({name: "Sample Communication"});
port.onMessage.addListener(function(msg) {
        document.getElementById('status').textContent = msg;
});

popup.html：

<html>
    <head>
    <script src="popup.js"></script>
        <style type="text/css" media="screen">
            body { 
                min-width       : 400px;
                min-height      : 300px;
                text-align      : right;
                background-color: #D0D0D0; }
           #status { 
                font-size       : 10px;
                color           : #0000CC;
                text-align      : left;
                font-family     : "Times New Roman", Times, serif; }
        </style>
    </head>
    <body>
    <div id="status"></div>
    </body>
</html>

运行此命令只会在以逗号分隔的段落中显示该数组。 从更多的研究看来，使用PHP可能是实现表的最简单方法。 但是，我仍然不确定是否可以将数组传递到表中。

Answer 1

每当您收到新数据时，您都将覆盖显示内容：

port.onMessage.addListener(function(msg) {
  // This wipes the old value:
  document.getElementById('status').textContent = msg;
});

您将需要追加数据，或者最好一次传递所有数据，对其进行正确格式化，然后将其输出到页面。

要回答这个问题确实很困难，因为：1）您似乎不太了解自己在做什么，2）问题中没有确切的规范。

您应该自己多做一些练习，并阅读一些教程，否则对您或其他人的帮助不会真正有用。 然后，如果您还有问题（可能不是特定于扩展名的问题），请将其拆分为多个块并在此处发布。 本指南会有所帮助。

CSS / HTML / PHP显示交替数组列表（Google Chrome扩展程序）

问题描述

1 个解决方案

解决方案1
0 2015-06-24 08:47:00

CSS / HTML / PHP显示交替数组列表（Google Chrome扩展程序）

问题描述

1 个解决方案

解决方案1 0 2015-06-24 08:47:00

解决方案1
0 2015-06-24 08:47:00