使用window.find获取所有匹配项
是一种在网页中查找指定文本的方法。它可以在当前页面中搜索并高亮显示所有匹配的文本。
window.find是JavaScript的一个内置方法，可以通过在浏览器的控制台或者在网页中嵌入JavaScript代码来调用。它接受两个参数：要查找的文本和一个可选的参数，用于指定搜索的选项。
使用window.find的步骤如下：
- 打开浏览器的开发者工具或者在网页中嵌入JavaScript代码。
- 调用window.find方法，并传入要查找的文本作为第一个参数。
- 可选地，传入一个字符串作为第二个参数，用于指定搜索的选项。常用的选项包括：
- "caseSensitive"：区分大小写的搜索。
- "backwards"：反向搜索，从后往前查找。
- "wrapAround"：循环搜索，当到达页面末尾时继续从页面开头查找。
- "wholeWord"：只匹配整个单词，而不是部分匹配。
- "searchInFrames"：在框架中搜索。
- window.find会返回一个布尔值，表示是否找到了匹配的文本。如果找到了匹配的文本，可以使用其他方法或样式来标记或高亮显示这些文本。
使用window.find可以方便地在网页中查找指定文本，例如在一个长篇文章或者一个表格中查找特定的关键词。它可以提高用户体验，使用户更容易找到他们感兴趣的内容。
腾讯云提供了丰富的云计算产品和服务，其中与网页开发相关的产品包括云服务器、云数据库、云存储等。您可以通过以下链接了解更多关于腾讯云的产品和服务：
请注意，以上链接仅供参考，具体的产品选择应根据实际需求进行评估和决策。
相关·内容
1回答
我想在文本中突出显示我的URL中某个单词的所有匹配项。对于第一次出现的情况，一切工作正常。但是我不知道怎么去下一家。var urlParams = new URLSearchParams(urlSearch); if (window.find(searchText, "<mark>" + searchText + "</mark>");
浏览 77提问于2020-09-21得票数 0
回答已采纳
var sel = window.getSelection(); document.body.offsetHeight;
if (window.find但当我用Ctrl+F搜索时，第一个匹配项将以深色突出显示，而下一个匹配项将以浅色模式突出显示。我怎样才能用上面的代码实现同样的效果呢？
浏览 44提问于2012-02-26得票数 6
回答已采纳
1回答
到目前为止，我尝试使用window.find(..)方法，但我无法取回找到的元素的节点。例如，我可以突出显示所有匹配的文本。但是我想把所有的节点放在一个数组中，但是我找不到一个方法，它可以返回所选文本的节点。下面的代码只突出显示匹配的文本，我想要获取它的(父)节点。function doSearchAdam(text) { document.de
浏览 15提问于2013-01-21得票数 1
回答已采纳
有没有什么方法可以用Javascript中的库轻松实现这个文本选择呢？它做得很好，我想模仿一下这个样子。
浏览 9提问于2011-06-13得票数 2
回答已采纳
我有一个网页，上面有一个很大的记录列表(比如表格中的250+行数据)，我希望能够只访问这个页面，立即开始输入，并让它跳到与我输入的文本相匹配的第一行。理想情况下，如果我继续输入更多的字符，使得第一个匹配项不再匹配，那么它可以继续响应我的输入并跳转到新的匹配项。我尝试过使用window.find()，但没有太多成功……有人能推荐一个可行的解决方案吗？
我本质上是在寻找等同于按下键盘上的CTRL-F组合键的方法…除非不需要按CTRL-F来实现。
浏览 7提问于2010-12-02得票数 16
回答已采纳
我正在尝试手动选择文本。用于窗口选定文本的window.getSelection().getRangeAt(0);行。但我想要我预先挑选好的。 { var selectedText = selection.extractContents();
var span= document.createElement(&#
浏览 4提问于2014-11-18得票数 2
我想找一个特定的词，由搜索和滚动它使用window.find()如何使用window.find()在一个特定的div，不是所有的页面？
浏览 8提问于2015-12-29得票数 3
目标:使用循环遍历页面上所有复选框的值。在页面中搜索每个复选框的值(理想情况下，在AJAX通知的span中的文本中)。如果找到复选框值，请更改该复选框的CSS样式颜色。label for="hjl1" onclick="createOrder()" 当使用comment;var ii;
fo
浏览 5提问于2015-04-30得票数 0
当我试图传递在几个块元素中传播的文本时，window.find方法需要完成以下工作：
</head> <p>search me</p><b> I could be the answer</b></html>window.find("meI could be");str = &qu
浏览 13提问于2012-09-16得票数 2
回答已采纳
在文档中搜索文本时将突出显示文档中的文本。但是如何突出显示网页中的所有文本呢？这意味着我如何突出显示网页中的所有文本，并将完整的设计模式文本作为window.find()的输入。
这背后的初衷是使用Tim Down在页面中提供的技巧，我想检查文档中是否给出了任何格式。
浏览 3提问于2012-02-26得票数 1
我正在使用js库(准确地说，是完美的滚动条)在网站上创建一个自定义滚动条。这包括浏览器的默认查找命令。我熟悉window.find()方法，我还看到了其他一些想法，用于制作位于网页本身上的自定义搜索表单；但是，我希望能够从默认浏览器搜索字段中检索搜索文本，以便模拟浏览器的默认搜索行为，如果没有使用完美的滚动条的话如果用户要使用Ctrl+F、Ctrl+G或window.find()方法，是否有一种方法可以检索搜索文本(例如，在Ctrl+
浏览 5提问于2014-07-01得票数 0
回答已采纳
这应该不难，但我必须检查四个标准，我检查一个开关，标准是“匹配”，“开始”，“结束”和“任何位置”。我正在使用window.find()方法，但我似乎在使用它时遇到了问题。scrollDetail = false; var searchResults = document.getElementsByClassName(className); break;
浏览 16提问于2022-01-14得票数 2
1回答
我试图使用GeckoFX with浏览器控件实现一个简单的‘页面上查找’引擎(因为我对'window.find()‘不满意，也无法让其他任何东西工作。在cell.InnerText中查找匹配项时，如果找到匹配项，则需要替换cell.InnerHtml。如果cell.InnerHtml在标签中包含搜索的字符串，这些就会被搞砸。我需要一个只匹配不存在标签的文本的正则表达式.我尝试了这个(?!(<[^>]+>))(text)(?=<\
浏览 8提问于2014-07-22得票数 1
回答已采纳
1回答
我使用pcre_exec来应用我从文件中读取的一些正则表达式。由于正则表达式可能包含重复计数，如[a-z]{1000}，因此我必须传递一个3*1001个整数的匹配向量才能获得第一个元素，它告诉我匹配的开始/结束位置。我只需要开始/结束位置，而不是所有的匹配(组)位置。而pcre_exec返回0，根据手册，这意味着“您需要一个更大的匹配向量”。
我的问题是，如何在不传递任意大的匹配向量的情况下获得开始/结束。
浏览 2提问于2014-05-13得票数 0
我正在尝试编写一个代码，它将搜索特定的文本，如果找到它，它将单击一个按钮。它需要不断地检查字符串，但是我正在努力寻找一种方法来实现这一点。我完全是编程新手，所以如果有任何帮助，我将不胜感激！:) //Test];
var text = document.querySelector('div[id=BtnText]');
if (
浏览 3提问于2013-05-19得票数 6
如何使用跨度对象来获取文档中spanNearQuery的所有匹配项，我已经写到这里，但不确定如何继续 }
是否可以获取当前文档中的所有匹配项(匹配项计数)？
浏览 4提问于2011-04-01得票数 2
回答已采纳
我使用了designMode='on'/window.find/execCommand技术来突出显示与这个接受答案中的搜索字符串匹配的文本。
浏览 6提问于2014-01-15得票数 0
当有多个匹配项时，我很难选择文本和替换选择。它总是恢复到第一个匹配项并替换它。
这是我正在使用的脚本，如果选择只出现一次，我是完美的。当它不止一次出现时，它会抓住第一个。
浏览 2提问于2011-06-02得票数 0
请注意，我需要一个数组公式来完成此操作： vlookup一个值+，然后获取不同单元格中的所有匹配项，并在可能的情况下连接这些匹配项 好的，我现在可以使用filter + transpose来获得列中的所有匹配，但我需要的是一个数组公式，到目前为止我只能逐个单元格这样做： =TRANSPOSE(FILTER(B:B;A:A=E1)) 要搜索:在此范围内的value1 VLOOKUP值1，2，3，然后获取所有</
浏览 6提问于2020-01-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
