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

Question

I have some variables in the following JS:

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

getbg = function()

{

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

}

As you can see, the variable is "allcompanynames".

However, how do I pass them and show it on the popup.html page?

I have tried

<script type="text/javascript" src="companynames.js"></script>
<p id="allcompanynames"></p>

no luck. What's wrong?

Answer 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)

}

I'm guessing you should add that last line after displaying the pop up to add the content into the page.

Answer 2

Write your code in this way

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