从后台调用页面上的函数

时间:2013-11-03 03:04:01

标签: google-chrome google-chrome-extension

是否可以在页面上调用函数?

例如,我有一个名为help.html的页面,该页面有一个名为help(id)的函数。

我可以调用此函数并将id传递给它吗?

提前致谢

2 个答案:

答案 0 :(得分:0)

我不确定我理解你的问题,但最好是创建一个单独的js文件。这是一个例子(我使用jQuery):

popup.html:

<html>
    <head>
        <script src="jquery-2.0.3.js"></script>
        <script src="popup.js"></script>
    </head>
    <body>
        <input id="amount" type="text" />
        <input id="addAmount" type="submit" value="Add" />
    </body>
</html>

popup.js:

$(function() {     
    $('#addAmount').click(function() {
       alert('hi');
    });
});

答案 1 :(得分:0)

如果页面已打开并加载,您可以引用其window对象。确保两者都成立的一种方法是让帮助窗口上的代码在准备就绪时调用背景页面上的函数,并将引用传递给自身。因此,在您的帮助窗口中,您可以使用以下内容:

chrome.extension.getBackgroundPage().helpWindowLoaded(window);

在您的背景页面上:

function helpWindowLoaded(helpWindow) {
    helpWindow.help(id);
}