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

您将<iframe>,<script>或 Google 提供的任何内容放入您的div!

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

你可能有三个选择。- 最难的是解析谷歌结果页面。这可以用 php 完成，并且一些正则表达式可以工作。如果您是经验丰富的开发人员，这是最好的。

-二是使用googlesearch API。这很容易实现。您可以在此处查看如何操作。它支持 REST 调用，非常易于使用。优点：相对容易实现，有大量的文档和示例。缺点是您每天有 100 个查询的使用配额。还请记住，您需要获取 API-KEY 并注册才能使用它。

-第三个，包括一个 iframe。这非常容易实现，只需要一行代码，但它并不干净，可能你不想在你的页面里面有 google 的页面。

可能还有另一个混合了很多 javascript 和 Iframe，但是，我看不出这样做的意义，因为有很多更好的选择。

如果您有任何问题，请告诉我。

谢谢！，@leo。

于 2013-03-07T02:46:04.107 回答