Google AJAX 검색 API 구현 code_javascript 기술

Google AJAX 검색 API 문서: http://code.google.com/intl/zh-CN/apis/websearch/docs/

코드 복사 코드는 다음과 같습니다. ;html> Google AJAX 검색 API 🎜>{ 너비: 100%; } #searchcontrol .gsc-result-cnblogs .gs-title { color:Red google.load("search", "1"); >function OnLoad() { / /검색 설정 var options = new google.search.SearcherOptions() //검색 결과가 비어 있을 때 콘텐츠 표시 options.setNoResultsString('The 쿼리 결과가 비어 있습니다!');

//검색 제어 인스턴스화 var searchControl = new google.search.SearchControl() //매번 검색 결과 8개 표시(값 범위: 1) -8) searchControl.setResultSetSize(8);

//웹 검색 var siteCnblogs = new google.search.WebSearch() //Header siteCnblogs.setUserDefinedLabel ("스크립트 홈") ; //스타일 접미사 이름 siteCnblogs.setUserDefinedClassSuffix("jb51") //사이트 제한 siteCnblogs.setSiteRestriction("jb51.net"); >searchControl.addSearcher(siteCnblogs , options);

//지역 검색 var siteZjfree = new google.search.WebSearch() siteZjfree.setUserDefinedLabel("재료 검색"); >siteZjfree.setSiteRestriction(" sc.jb51.net"); searchControl.addSearcher(siteZjfree, options);

//전체 네트워크 검색 searchControl.addSearcher(new google.search. WebSearch(), 옵션)

//블로그 검색 추가 searchControl.addSearcher(new google.search.BlogSearch(), 옵션)

//동영상 검색 추가 searchControl.addSearcher(new google .search.VideoSearch(), options);

//뉴스 검색 추가 searchControl.addSearcher(new google.search.NewsSearch(), options); //사진 검색 추가 searchControl.addSearcher(new google.search.ImageSearch(), options)

//지역 지도 검색 추가 var localSearch = new google.search. LocalSearch(); //지도의 중심 표시를 테스트할 때 "큰 기러기 탑"을 사용할 수 있습니다. localSearch.setCenterPoint("Xi'an, Bell Tower") searchControl.addSearcher (localSearch, 옵션);

//그림 검색 var drawOptions = new google.search.DrawOptions() drawOptions.setDrawMode(google.search.SearchControl.DRAW_MODE_TABBED) searchControl.draw(document.getElementById("searchcontrol"), drawOptions);

//검색어 실행 searchControl.execute("google api")

//프레임워크가 로드된 후 호출 searchcontrol"> 로드 중...