通过网站中的按钮使用浏览器搜索 (Ctrl+F)?

IT技术 javascript asp.net
2021-01-31 15:44:39

我创建了一个网站并添加了一个按钮和大量文本。我想要的是使用浏览器搜索 ( Ctrl+ F),当我按下我在网站中添加的按钮时。

我怎样才能做到这一点?

3个回答

它有点适用于 FF。这个页面

 <a href="#" onclick="find();">Find in This Page...</a>
从我的测试来看,Chrome 37 和 FF31 支持 window.find(),但不支持 IE11。不过,我会在未来的支持方面小心:bugzilla.mozilla.org/show_bug.cgi?id=672395
2021-03-20 15:44:39
您也可以向它传递一个字符串,find('foobar')将突出显示文档中第一次出现的“foobar”。find()再次调用将突出显示下一个事件。
2021-03-22 15:44:39
w3resource.com/javascript/client-object-property-method/...说支持的浏览器列表:Internet Explorer 7、Firefox 3.6、Google Chrome 7、Safari 5.0.1、Opera 10。
2021-03-29 15:44:39
@Fabian - find() 突出显示网页中的文本,但它不会向下滚动以显示突出显示的文本(与向下滚动页面并显示突出显示文本的浏览器搜索功能不同)。
2021-03-30 15:44:39

更新:来自马克的评论:

window.find() Chrome 37 和 FF31 支持我的测试 ,但不支持 IE11

更新:

有关此窗口的更多信息。找到这里

谢谢@Mark,我使用您的答案更新了我的答案
2021-03-28 15:44:39
2021-03-29 15:44:39
从我的测试来看,Chrome 37 和 FF31 支持 window.find(),但不支持 IE11。
2021-04-06 15:44:39
你好,这对我也有用。我还希望每当我再次使用 find() 时,它应该从页面顶部搜索(而不是在之前找到文字之后)。你能告诉我如何重置 find() 函数吗?或者引导我查看它的文档?
2021-04-10 15:44:39

不可以。一般来说,您不能从网页内部调用浏览器控件 - 安全性、沙盒等等。

您需要进行某种页面内搜索 - 如果您使用的是 CMS,它们中的大多数都内置了简单的搜索功能。

如果您想在 JavaScript 中执行此操作,可以使用各种脚本来模拟此页内内容;从我的查询“javascript find in page”中随机选择的是这个:http : //www.seabreezecomputers.com/tips/find.htm

@TWRCole 或:“不要使用不是您创建的 CMS”;)
2021-03-16 15:44:39
我正在创建一个自定义 CMS,所以我没有任何内置搜索功能.. :( ny 指针?
2021-04-08 15:44:39
这是一个:“不要创建自己的自定义 CMS。”
2021-04-12 15:44:39