在 html 中为 firefox 扩展创建动态表答案

【问题标题】：Creating a dynamic table in html for a firefox extention在 html 中为 firefox 扩展创建动态表
【发布时间】：2019-04-15 12:58:35
【问题描述】：

我尝试使用：

<form>
   <button>Save ID</button>
</form>

<script>   
   var table = '';
   var rows = 10;
   var columns = 3;
   for (var r = 0; r < rows; r++) 
   {
        table += '<tr>';
        for (var c = 0; c < columns; c++)
        {
            table += '<td>' + c + '</td>';
        }
        table += '</tr>';   
   }

   document.write('<table border=1>' + table + '</table>');   
</script>

它就像一个普通的 html 页面，但是当我尝试在扩展中加载它时，它只显示按钮。

我想从文件中加载数据并在以后使用它来填充表格。

编辑：

我的 manifest.json 看起来像这样：

{
  "manifest_version": 2,
  "name": "IDSaver",
  "version": "1.0",

  "icons": {
    "32": "icons/testExt.png"
  },

  "permissions": [
    "activeTab"
  ],

  "browser_action": {
    "default_icon": "icons/testExt.png",
    "default_title": "IDSaver",
    "default_popup": "popup/IDSaverPopup.html"
  }
}

我对清单的东西了解不多，所以我不知道问题是否在那里。

【问题讨论】：

你是如何在你的扩展中加载它的？我还建议您不要使用 document.write（我很确定当您尝试将扩展发布到 AMO 时它甚至会引发一些标志），检查developer.mozilla.org/ru/docs/DOM/document.createElement 以及将这些元素插入 DOM 的方法。
我现在尝试使用 createElement，但它仍然不会显示在扩展弹出窗口中。

标签： javascript html html-table firefox-addon dynamic-typing

【解决方案1】：

好的，找到我的问题了。您不能在 html 文件本身中编写脚本。我必须用代码制作一个 .js 文件，并在 html 文件中使用它才能使其工作。

【讨论】：