Google很好,很强大。你也许不仅一次念叨着怎么把Google搜索并到你的网页里来。
现在Google Ajax Search API可以让你美梦成真,你可以用一分钟就就可以把强大的
Google搜索(包含web、video、Image、News等等)占为己有了,你要做就是到
http://code.google.com/apis/ajaxsearch/web.html弄个key。然后把它copy到
代码行的key=里,这个是我的,你可以轻松搞一个。
<
script
src
="http://www.google.com/uds/api?file=uds.js&v=1.0&key=QBQIAAAAtqQLYnLV2q6lsGIKAPpj4BQ-Yy8mwcwAkaMIKhkPkGlU1YFzAxRtMvrgQvKkAKnlKbHB8w7086OYHA"
type
="text/javascript"
>
</ script >
</ script >
2、新建个html页,GoogleAJAXSearchAPI.html完整代码如下
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head > < meta http-equiv ="content-type" content ="text/html; charset=utf-8" />
< title > Hello World - Google AJAX Search API Sample </ title >
< link href ="http://www.google.com/uds/css/gsearch.css" type ="text/css" rel ="stylesheet" />
< script src ="http://www.google.com/uds/api?file=uds.js&v=1.0&key=QBQIAAAAtqQLYnLV2q6lsGIKAPpj4BQ-Yy8mwcwAkaMIKhkPkGlU1YFzAxRtMvrgQvKkAKnlKbHB8w7086OYHA" type ="text/javascript" ></ script >
< script language ="Javascript" type ="text/javascript" > ...
function OnLoad() ...{
var searchControl = new GSearchControl();
var localSearch = new GlocalSearch();
searchControl.addSearcher(localSearch);
searchControl.addSearcher(new GwebSearch());
searchControl.addSearcher(new GvideoSearch());
searchControl.addSearcher(new GblogSearch());
searchControl.addSearcher(new GnewsSearch());
searchControl.addSearcher(new GimageSearch());
searchControl.addSearcher(new GbookSearch());
localSearch.setCenterPoint("New York, NY");
searchControl.draw(document.getElementById("searchcontrol"));
searchControl.execute("AJAX");
}
GSearch.setOnLoadCallback(OnLoad);
</ script >
</ head >
< body >
< div id ="searchcontrol" > Loading.... < br />
(http://code.google.com/apis/ajaxsearch/web.html) </ div >
</ body >
</ html >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head > < meta http-equiv ="content-type" content ="text/html; charset=utf-8" />
< title > Hello World - Google AJAX Search API Sample </ title >
< link href ="http://www.google.com/uds/css/gsearch.css" type ="text/css" rel ="stylesheet" />
< script src ="http://www.google.com/uds/api?file=uds.js&v=1.0&key=QBQIAAAAtqQLYnLV2q6lsGIKAPpj4BQ-Yy8mwcwAkaMIKhkPkGlU1YFzAxRtMvrgQvKkAKnlKbHB8w7086OYHA" type ="text/javascript" ></ script >
< script language ="Javascript" type ="text/javascript" > ...
function OnLoad() ...{
var searchControl = new GSearchControl();
var localSearch = new GlocalSearch();
searchControl.addSearcher(localSearch);
searchControl.addSearcher(new GwebSearch());
searchControl.addSearcher(new GvideoSearch());
searchControl.addSearcher(new GblogSearch());
searchControl.addSearcher(new GnewsSearch());
searchControl.addSearcher(new GimageSearch());
searchControl.addSearcher(new GbookSearch());
localSearch.setCenterPoint("New York, NY");
searchControl.draw(document.getElementById("searchcontrol"));
searchControl.execute("AJAX");
}
GSearch.setOnLoadCallback(OnLoad);
</ script >
</ head >
< body >
< div id ="searchcontrol" > Loading.... < br />
(http://code.google.com/apis/ajaxsearch/web.html) </ div >
</ body >
</ html >
3、google版本会更新,你也要注意更新