如何使用网站上的搜索栏搜索子网址

时间:2018-02-03 04:25:50

标签: javascript html css searchbar

我需要了解如何在我的网站上找到可以找到其他网页的搜索栏。进行谷歌搜索,我只能找到创建搜索栏的代码,而不是使用它。它的功能需要包括自动更正和实际进入页面,基本上这两个组合(https://www.w3schools.com/howto/howto_js_autocomplete.asphttps://www.w3schools.com/howto/howto_js_filter_lists.asp

2 个答案:

答案 0 :(得分:0)

how to filter/search list示例中,您只需将网址添加到<li><a href="www.example.com/adele">Adele</a></li>等相应的链接。

how to js autocomplete示例中,它会有所不同,需要编写其他代码。如果url与列表中的项目相同则不会出现问题,但是否则您需要将国家/地区数组放入一个对象数组中,以便每个对象都具有该国家/地区的名称和相应的URL。然后在javascript函数中,您必须以arr[x].country访问组件。

一系列国家应该看起来像这样

`var countries = [{country:"Afghanistan", url:"afghanistan"}, {country:"Albania", url:"albania"},...}.

然后在javascript函数中添加一个onClick事件处理程序。

onClick="location.href=`www.example.com/${arr[x].url}`"

答案 1 :(得分:0)

您可以使用Tipue搜索。它很简单,有很多选择。喜欢相关链接,搜索描述,分页。 如果您知道如何使用inspect元素或javascript,则可以非常轻松地进行自定义。 http://www.tipue.com/search/