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