所以我想保留我自己的 Google 框的样式,但我想定向到我页面的 Google 搜索。
代码看起来像这样:
<......>
</ul>
<form action="" method="post" id="FORM_10">
<div id="DIV_11">
<link href="css/search.css" rel="stylesheet" type="text/css" id="LINK_12">
<div id="DIV_14">
<div id="DIV_15">
<div id="DIV_16">
<div id="DIV_17">
<div id="DIV_18">
<div id="DIV_19">
<div id="DIV_20">
<div id="DIV_21">
<input value="sdasdsad" id="INPUT_22" name="keys" size="60" maxlength="255" type="text">
</div>
</div>
<input id="INPUT_44" name="op" value="search" type="submit">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form> <a href="#" id="A_45" title="english">en</a> <a href="#" id="A_46" title="contacts">contacts</a>
</div>
我想以某种方式添加功能,就好像 gcse:search
出现在我的代码中一样,但我想保留我自己的程式化搜索框,但是当用户将他的字符串插入到搜索框,他会看到一个弹出式叠加窗口,其中包含指定网站上的 Google 搜索结果。
最坏的情况。我想了解如何正确自定义 Google 搜索框。
最佳答案
Google 支持您可以注册的“自定义”搜索引擎 here , 它允许您指定要包含在搜索中的域(和路径)(相当于搜索中的 site:
参数):
现在,对于这个例子,我搜索了 https://developer.mozilla.org
,因为他们的站内搜索不如谷歌的好。我把它标记为MDN
,然后点击创建(同意服务条款后):
从这里我们将获得用于 Get Code
的源代码按钮,这将为我们提供要插入的 HTML 片段。我的看起来像这样:
<script>
(function() {
var cx = '005381150112327209486:iwm6p6iff_4';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>
将脚本插入您的 <head>
并放置 <gcse:search>
标记您希望输入出现的位置。了解这些 here 的自定义样式
希望这对您有所帮助!
关于javascript - 如何将自定义 Google 搜索添加到我的自定义搜索框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38674684/