javascript实现浏览器Ctrl+F页面搜索功能
时间: 2023-12-09 16:03:21 浏览: 266
JS实现前端页面的搜索功能
在 JavaScript 中,可以通过 `window.find()` 方法实现浏览器的页面搜索功能。
下面是一个简单的示例代码:
```javascript
function searchInPage() {
var searchText = prompt("请输入要查找的内容:", "");
if (searchText) {
if (window.find) {
var found = window.find(searchText, false, false, true, false, false, false);
if (!found) {
alert("未找到匹配的内容!");
}
} else {
alert("您的浏览器不支持页面搜索功能!");
}
}
}
```
上述代码中,`searchInPage()` 函数会弹出一个输入框,让用户输入要查找的内容。如果用户输入了内容,则会调用 `window.find()` 方法进行页面搜索。如果找到了匹配的内容,则会将页面滚动到匹配内容处;如果没有找到匹配的内容,则会弹出提示框。
需要注意的是,`window.find()` 方法的参数含义如下:
- `searchText`:要查找的文本内容。
- `caseSensitive`:是否区分大小写。
- `backwards`:是否从后往前查找。
- `wrapAround`:是否在查找到文档末尾时从头开始查找。
- `wholeWord`:是否只查找整个单词。
- `searchInFrames`:是否在框架中搜索。
- `showDialog`:是否显示查找框。
其中,前两个参数是必填的,其他参数都是可选的。
阅读全文