📌  相关文章
📜  JavaScript 检查网页文本是否包含单词 - Javascript (1)

📅  最后修改于: 2023-12-03 15:16:14.137000             🧑  作者: Mango

JavaScript 检查网页文本是否包含单词 - Javascript

在 web 开发中,经常需要检查网页文本是否包含某个单词。这个功能可以用 JavaScript 很容易地实现。

简单实现
function hasWord(word) {
  return document.body.innerText.toLowerCase().indexOf(word.toLowerCase()) !== -1;
}

这个函数检查网页正文中是否包含指定单词。它先将正文全部转为小写,再查找是否包含指定单词。如果包含,返回 true,否则返回 false

支持正则表达式

如果需要支持正则表达式,可以使用 RegExp 对象。

function hasRegExp(regExp) {
  var text = document.body.innerText;
  return regExp.test(text);
}

这个函数接收一个正则表达式作为参数,检查正文是否匹配该正则表达式。如果匹配,返回 true,否则返回 false

支持选择器

如果只需要检查某个元素是否包含指定单词,可以使用选择器。

function hasWordInElement(word, selector) {
  var el = document.querySelector(selector);
  return el && el.innerText.toLowerCase().indexOf(word.toLowerCase()) !== -1;
}

这个函数接收两个参数:指定单词和选择器。它首先使用选择器获取指定元素,再检查元素内容是否包含指定单词。如果包含,返回 true,否则返回 false

结论

有了以上函数,你可以很方便地检查网页文本是否包含指定单词,支持正则表达式和选择器。