如何使用脚本在chrome扩展中填充表格

时间:2019-02-16 19:49:09

标签: javascript arrays

如何在Chrome扩展程序中使用数组填充表格

我目前正在使用要填充的表格进行chrome扩展。以下代码适用于独立的index.html文件:

 <table id="table" border="1">


    </table>

    <script>

        var array = [["First"],
                     ["Second"],
                     ["Third"]]

        table = document.getElementById("table");

       for(var i = 0; i < array.length; i++)
       {
           // create a new row
           var newRow = table.insertRow(table.length);
           for(var j = 0; j < array[i].length; j++)
           {
               // create a new cell
               var cell = newRow.insertCell(j);

               // add value to the cell
               cell.innerHTML = array[i][j];
           }
       }
    </script>

但是,当我将此脚本粘贴到包含表格的chrome扩展程序中时,没有任何反应。我是Java语言的新手,所以我想知道这是否可行以及如何使它工作。谢谢

2 个答案:

答案 0 :(得分:1)

您可以使用内容脚本来实现。您可以详细了解here

答案 1 :(得分:0)

Chrome扩展程序有一个规则,其中HTML中不能包含内联脚本。 在您的CTRL-SHIFT-J(JS控制台)中查看。

解决方案(无内容脚本)是使用外部源文件,例如。 <script src="myfile.js"></script>

这包括加载次数和点击次数,仅供参考。