使用 JavaScript 查找特定链接

use*_*146 4 javascript url search css-selectors ecmascript-6

任何人都可以帮助我使用 JavaScript 函数来搜索源代码并将网站上的所有链接与我正在寻找的特定链接进行比较。

例如:我正在执行 JavaScript www.youtube.com,我正在寻找一个特定的 YouTube 链接。

它可能看起来像这样(这当然不起作用):

if(document.body.indexOf("http://www.youtube.com/SPECIFICURL")!== -1){
    console.log("Url found");
}else{
  console.log("Url not found");

}
Run Code Online (Sandbox Code Playgroud)

我怎样才能做到这一点?

Don*_*own 10

尝试querySelectorAll()使用 CSS3 选择器:

document.querySelectorAll('a[href*="http://www.youtube.com/SPECIFICURL"]')
Run Code Online (Sandbox Code Playgroud)

小提琴

此选择器表示查找具有包含特定字符串的 href 属性的所有链接。让我们稍微分解一下:

  • a - 这是元素类型,例如“链接”
  • href - 这是元素属性
  • *=- 这基本上意味着包含。可以使用不同类型的相等性检查:以开头、包含单词、结尾等。jQuery 选择器文档非常好。
  • "..." - 等号后引号中的所有内容都是查询要查找的子字符串。