Question

我有一整页的内容。如果我想创建一个搜索栏，以便当用户搜索单个页面某处存在的内容时，它将它们重定向到页面的该部分（就像它转到页面的中间或底部）。这需要像PHP这样的后端吗？还是可以只使用HTML？

Answer 1

您可以在JavaScript中使用window.find()
参考：https://developer.mozilla.org/en-US/docs/Web/API/Window/find

演示：

function search(string){
window.find(string);
}

<input placeholder="type foo or bar" type="text" id="search">
<input type="button" value="Go" onclick="search(document.getElementById('search').value)">
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<p>foo</p>
<p>bar</p>
<p>hello world</p>

Answer 2

最简单的方法是使用javascript

<input id="searchText"><button onclick="search()">Search</button>
<script>
function search() {
   var searchText = $("#searchBar").val();
   $(".searchText:contains('" + searchText + "')").css("background","#FF0");
}
</script>
<div class=".searchText">Some kind of text would go here</div>

在同一页面上进行HTML搜索

2 个答案: