如何在Chrome扩展程序中将变量从background.js传递到popup.html

Question

在将变量onClicked传递给popup.html之间创建通信时，我遇到很多麻烦

我看到许多答案似乎使许多文件变得过于复杂。

我习惯做这样的事情：

window.onload = function() {

    what();

    function what() {
        document.getElementById('hello').innerHTML = 'hi';
    };

}

但这总是返回无法将innerHTML设置为NULL，或向我发送“超出最大堆栈限制”

这是我的代码。

var data = "www.youtube.com/video"
chrome.runtime.onClicked.addListener(function() {
//Send data to popup.html
});

这是我的HTML

    <iframe width="420" height="315" src="hello"> </iframe>

我希望在OnClicked有效时更改“您好”