Javascript 在不同于搜索栏的页面上实现Google站点搜索结果

我已经创建了搜索栏，好吗

<div>
<script>
  (function() {
    var cx = '003731665015056279148:yerke0wpj1y';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:searchbox-only resultsUrl="http://www.mysite.com/search-results.php"></gcse:searchbox-only>

</div>

（功能（）{
变量cx='003731665015056279148:yerke0wpj1y'；
var gcse=document.createElement（'script'）；
gcse.type='text/javascript'；
gcse.async=true；
gcse.src=（document.location.protocol=='https:'？'https:'：'http:'）+
'//www.google.com/cse/cse.js？cx='+cx；
var s=document.getElementsByTagName（'script'）[0]；
s、 parentNode.insertBefore（gcse，s）；
})();

这似乎工作正常，它重定向到search-results.php页面，并在url中包含“？q=search query”

我的结果页面包含

<div id="searchbox-only">
</div>

我猜这里的div中应该有一些代码，但不知道是什么

---

还可以向搜索栏和结果中添加任何CSS吗？

根据我在设置CSE中的示例判断，您的结果页面应该有一段类似以下内容的代码：

<script>
  (function() {
    var cx = 'your CSE id goes here';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:searchresults-only></gcse:searchresults-only>

（功能（）{
var cx='您的CSE id在这里'；
var gcse=document.createElement（'script'）；
gcse.type='text/javascript'；
gcse.async=true；
gcse.src=（document.location.protocol=='https:'？'https:'：'http:'）+
'//www.google.com/cse/cse.js？cx='+cx；
var s=document.getElementsByTagName（'script'）[0]；
s、 parentNode.insertBefore（gcse，s）；
})();

然而，我有困难让它显示在一个单独的页面上