Chrome扩展程序 - 如何将变量从JS传递到popup.html?

时间:2016-06-17 05:34:55

标签: javascript google-chrome google-chrome-extension

我在以下JS中有一些变量:

document.addEventListener('DOMContentLoaded', function (){
    document.getElementById('btn4').addEventListener('click', getbg);
});

getbg = function()

{

    chrome.runtime.getBackgroundPage(
        function (bg) {
        var allcompanynames = bg.companynames;
        alert(allcompanynames)})

}

如您所见,变量是" allcompanynames"。

但是,如何传递它们并在popup.html页面上显示它?

我试过了

<script type="text/javascript" src="companynames.js"></script>
<p id="allcompanynames"></p>
没有运气。怎么了?

2 个答案:

答案 0 :(得分:1)

document.addEventListener('DOMContentLoaded', function (){
document.getElementById('btn4').addEventListener('click', getbg);
});

getbg = function()

{

chrome.runtime.getBackgroundPage(
    function (bg) {
    var allcompanynames = bg.companynames;
    alert(allcompanynames)})
    document.getElementById("allcompanynames").innerHTML(allcompanynames)

}

我猜你应该在显示弹出窗口后添加最后一行,将内容添加到页面中。

答案 1 :(得分:0)

以这种方式编写代码

var background = chrome.extension.getBackgroundPage(); 
     var allcompanynames = background.companynames;
alert(allcompanynames)