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



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

在如何过滤/搜索列表示例中,您只需将 url 添加到相应的链接中,例如 <li><a href="www.example.com/adele">Adele</a></li> .

在如何js自动完成示例中,它会有点不同,需要编写额外的代码。如果 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}`"

最新更新