1. 首页
  2. 问题列表
  3. 在同一页上搜索HTML[关闭]
提问者：小点点

在同一页上搜索HTML[关闭]


我有一长页的内容。如果我想创建一个搜索栏，这样当用户搜索单个页面上某个地方存在的东西时，它会将他们重定向到页面的那个部分（就像它去页面的中间或底部一样）。这需要像PHP这样的后端吗？或者我可以只使用HTML吗？


共2个答案

匿名用户

您可以在JavaScriptBR>中使用参考:https://developer.mozilla.org/en-us/docs/web/api/window/find

演示:

null

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>

匿名用户

最简单的方法就是使用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>

相关问题