chrome同时打开多个html,在Chrome扩展中使用多个html文件

我有以下问题： 我正在编写一个chrome扩展，它与上下文菜单一起使用，用于选择文本。我想要做的事情之一是创建一个新的选项卡，该选项卡基于我使用我在文本选择处收到的数据动态创建的一个html文件。如何在连接到我的JavaScript文件之间进行通信我的background.html和我的其他html文件，以达到其'DOM和替代它的内容？在Chrome扩展中使用多个html文件

我的manifest.json：

{

"name": "My flickr Extension",

"version": "1.0",

"description": "The first extension that I made.",

"icons": {

"16": "icon.png"},

"background_page":"background.html",

"permissions": ["tabs",

"http://api.flickr.com/","contextMenus","http://*/*","https://*/*"

]

}

我background.html：

my ext.js main functions:

function searchSelection(info,tab){

var updated=makeNewString(info.selectionText);

var xhReq = new XMLHttpRequest();

xhReq.open(

"GET",

"http://api.flickr.com/services/rest/?method=flickr.photos.search&text="+updated+"&api_key=a0a60c4e0ed00af8d70800b0987cae70&content_type=1&sort=relevance",

true);

xhReq.onreadystatechange = function() {

if (xhReq.readyState == 4) {

if (xhReq.status == 200) {

var photos = xhReq.responseXML.getElementsByTagName("photo");

var urlOfNew=chrome.extension.getURL('results.html');//this is me getting the link of the other html page that i want to update

//here I want to manipulate the results.html DOM like adding images depending on the photos and other stuff

chrome.tabs.create({"selected":true,"url":urlOfNew});

}

};

};

xhReq.send(null);

}

var context="selection";

var id = chrome.contextMenus.create({"title": "search Flickr", "contexts":[context],"onclick":searchSelection});

的感谢！ Mary

2011-02-15

mary