在 querySelectorAll() 中使用冒号

Question

我正在尝试使用querySelectorAll() 方法来抓取网页中的链接，但我想忽略以“javascript:”开头的链接或使用其他协议，如“itpc://”

有没有办法将这些包含在“not()”伪选择器中？

document.querySelectorAll("a:not([href^=javascript]):not([href^=itpc])"); //works
document.querySelectorAll("a:not([href^=javascript:]):not([href^=itpc://])"); //doesn't work

即使第一种方法在当前页面上运行良好，但不能保证它在我将使用它的每个页面上都适用，所以我真的希望能够检测到那个冒号。

Answer 1

基于the spec，将您要定位的值转换为strings 将起作用：

document.querySelectorAll("a:not([href^='javascript:']):not([href^='itpc://'])");

您当前版本的问题是，除非您使用引号，否则值必须符合identifiers 上的限制，而他们不这样做。