各大搜索引擎下拉词长尾词API接口

百度开源福利

百度搜索引擎


百度API接口地址1:http://suggestion.baidu.com/su?wd=开源福利
百度API接口地址2:https://sp1.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=开源福利&cb=doJson

返回结果:

doJson({q:"开源福利",p:false,s:["开源中国福利","开源阅读福利书源","福利浏览器 开源"]});

360开源福利

360搜索引擎


360搜索API接口地址:https://sug.so.360.cn/suggest?word=开源&callback=doJson

返回结果:

doJson({"errorcode":0,"ext":"nlpv=dt","query":"开源","result":[{"word":"开源证券官网"},{"word":"开源证券肥猫电脑版"},{"word":"开源证券交易软件下载"},{"word":"开源中国"},{"word":"开源节流"},{"word":"开源网站"},{"word":"开源软件"},{"word":"开源众包"},{"word":"开源是什么意思"},{"word":"开源证券官网首页"}],"src":"other","ssid":"4da946e0eb6f4f0f895a9d61c78a0a97","version":"revise"}
)

搜狗开源福利

搜狗搜索引擎


搜狗API接口地址1:https://sor.html5.qq.com/api/getsug?key=开源源码
返回结果:

window.sogou.sug(["开源源码",["开源源码什么意思","开源源码能直接用吗","免费开源网站源码","开源源码可以随便改吗","Let正版短信测压开源源码","开源源码别人怎么知道商用了","企业发卡网开源源码","源码之家","国外源码共享网站","wordpress情侣网站源码"],["0;15;0;0","1;3;0;0","2;17;0;0","3;3;0;0","4;3;0;0","5;3;0;0","6;3;0;0","7;27;0;0","8;27;0;0","9;27;0;0"],["","","","","","","","","",""],["0"],"","suglabId_1"],-1)

谷歌开源福利

谷歌搜索引擎


谷歌API接口地址1:http://clients1.google.com/complete/search?hl=zh&output=toolbar&q=开源福利

谷歌API接口地址2:http://suggestqueries.google.com/complete/search?output=toolbar&hl=zh&q=开源福利

必应开源福利

必应搜索引擎


必应搜索API接口地址:https://api.bing.com/qsonhs.aspx?&q=开源福利

返回结果:

{"AS":{"Query":"开源","FullResults":1,"Results":[{"Type":"VS","Suggests":[{"Txt":"开源矿工","Type":"MT","Sk":"CT1","HCS":0}]},{"Type":"AS","Suggests":[{"Txt":"开源中国","Type":"CT","Sk":"","HCS":0},{"Txt":"开源众包","Type":"LT","Sk":"CT1MT1","HCS":0},{"Txt":"开源节流","Type":"CT","Sk":"CT1MT1LT1","HCS":0},{"Txt":"开源证券","Type":"CT","Sk":"CT2MT1LT1","HCS":0},{"Txt":"开源软件","Type":"CT","Sk":"CT3MT1LT1","HCS":0},{"Txt":"开源社区","Type":"LT","Sk":"CT4MT1LT1","HCS":0},{"Txt":"开源协议","Type":"LT","Sk":"CT4MT1LT2","HCS":0}]}]}}
  • 5
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
可以通过以下步骤实现: 1. 创建一个包含搜索栏的HTML表单。 2. 在表单中添加一个文本框,使用JavaScript和CSS创建下提示列表。 3. 使用JavaScript编写一个函数,该函数将获取文本框中的值并在下提示列表中搜索匹配项。 4. 将匹配项显示在下提示列表中。 5. 当用户选择下提示列表中的一个项目时,将其值插入到文本框中。 6. 可以使用CSS对下提示列表进行样式设置,例如字体大小、背景颜色和边框。 以下是一个示例代码: ```html <!DOCTYPE html> <html> <head> <title>Search Bar with Dropdown Suggestions</title> <style> #search-box { position: relative; display: inline-block; } #search-box input[type="text"] { width: 100%; padding: 10px; border: 1px solid #CCCCCC; border-radius: 5px; } #search-box ul { position: absolute; top: 100%; left: 0; width: 100%; border: 1px solid #CCCCCC; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 0; margin: 0; list-style: none; display: none; background-color: #FFFFFF; z-index: 999; } #search-box ul li { padding: 10px; cursor: pointer; } #search-box ul li:hover { background-color: #F5F5F5; } </style> </head> <body> <form> <div id="search-box"> <input type="text" placeholder="Search..."> <ul></ul> </div> </form> <script> var searchBox = document.getElementById("search-box"); var inputBox = searchBox.getElementsByTagName("input")[0]; var suggestionBox = searchBox.getElementsByTagName("ul")[0]; inputBox.addEventListener("keyup", function() { var inputValue = inputBox.value; suggestionBox.innerHTML = ""; if (inputValue.length > 0) { suggestionBox.style.display = "block"; // Replace with your own search function var suggestions = ["apple", "banana", "cherry", "date", "elderberry"]; for (var i = 0; i < suggestions.length; i++) { if (suggestions[i].toLowerCase().indexOf(inputValue.toLowerCase()) > -1) { var suggestionItem = document.createElement("li"); suggestionItem.appendChild(document.createTextNode(suggestions[i])); suggestionBox.appendChild(suggestionItem); } } } else { suggestionBox.style.display = "none"; } }); suggestionBox.addEventListener("click", function(e) { inputBox.value = e.target.innerText; suggestionBox.style.display = "none"; }); </script> </body> </html> ``` 在这个示例中,我们使用CSS设置了搜索栏和下提示列表的样式。在JavaScript代码中,我们添加了一个键盘事件监听器来处理用户输入,并在下提示列表中显示匹配项。当用户点击下提示列表中的一个项目时,我们将其文本值插入到搜索栏文本框中。最后,我们使用CSS将下提示列表隐藏起来,直到需要显示匹配项时才显示出来。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

开源福利

你的鼓励将是我创作的最大努力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值