0 
<input type="text" name="q" placeholder="Search..." />
<input type="image" src="images/searchBtn.png" name="q" />
<div id="searchResult"></div>

CSS...

#searchResult{width: 1000px; height: 200px;}

実行する方法？？？？

4

3 に答える 3

1

これは私が試したサンプルです。これを試して。

<head>
<title>Search</title>

<style>
    #searchcontrol
    {
        margin-LEFT:500PX;
    }
</style>

<script src="https://www.google.com/jsapi" type="text/javascript"></script>

<script language="Javascript" type="text/javascript">
    //<!
    google.load('search', '1');
    function DoSearch() 
    {
        // Create a search control
        var searchControl = new google.search.SearchControl();
        searchControl.addSearcher(new google.search.WebSearch());

        searchControl.draw(document.getElementById("searchcontrol"));

        // execute an inital search
        searchControl.execute(document.getElementById("secrchBox").value);
    }
    //]]>
</script>
</head>
<body>
    <div id="searchcontrol">
        <input type="text" id="secrchBox"/>
        <input type="button" value="Submit" onclick=" DoSearch()"/>
    </div>
</body>
</html>

編集

<head>
<title>Search</title>
<style>
    #searchcontrol
    {
        margin-LEFT:500PX;
    }
</style>

<script src="https://www.google.com/jsapi" type="text/javascript"></script>

<script language="Javascript" type="text/javascript">
    //<!
    google.load("search", "1", { "nocss": true });

    function DoSearch() 
    {
        var ss = document.getElementById("secrchBox").value;
        // Create a search control
        var searchControl = new google.search.SearchControl();

        searchControl.addSearcher(new google.search.WebSearch());

        searchControl.draw(document.getElementById("searchcontrol"));

        // execute an inital search
        searchControl.execute(ss);
    }
    //]]>
</script>
</head>
<body>
    <div id="searchcontrol">
        <input type="text" id="secrchBox"/>
        <input type="button" value="Submit" onclick=" DoSearch()"/>
    </div>
</body>
</html>

現在、デフォルトcssはロードされません。ご希望に合わせてカスタマイズできます。

于 2013-03-07T05:36:26.577 に答える
0

3 つのオプションがあります。-最も難しいのは、Google の結果ページを解析することです。これはphpで行うことができ、いくつかの正規表現が機能します。経験豊富な開発者であれば、これが最適です。

-2 つ目は、googlesearch API を使用することです。これは非常に簡単に実装できます。ここでその方法を確認できます。非常に使いやすい REST 呼び出しをサポートしています。長所: 実装が比較的簡単で、多くのドキュメントと例があります。短所は、1 日あたり 100 クエリの使用クォータがあることです。また、API-KEY を取得して登録する必要があることにも注意してください。

-3 つ目、iframe を含めます。これは非常に簡単に実装できます。コードは 1 行だけです。

おそらく、多くの javascript と Iframe を混在させた別のものがあると思いますが、より良いオプションがたくさんあるので、それを行う意味がわかりません。

ご不明な点がございましたらお知らせください..

ありがとう！、@レオ。

于 2013-03-07T02:46:04.107 に答える
0

<iframe>、、または Google が提供するものを!の中に入れ<script>ます。div

<div id="searchResult">Google code here!</div>
于 2013-03-07T02:38:16.903 に答える