HTML 在同一页面上搜索

Question

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

Answer 1

您可以window.find()在 JavaScript
参考中使用：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>