我的 Greasemonkey 脚本在页面上找不到元素（链接）？答案

【问题标题】：My Greasemonkey script is not finding the elements (links) on the page?我的 Greasemonkey 脚本在页面上找不到元素（链接）？
【发布时间】：2019-09-18 10:20:57
【问题描述】：

网址是：lexin.nada.kth.se/lexin/#searchinfo=both,swe_gre,hej;

我的脚本是：

function main(){
  var links=document.getElementsByTagName("a");
  alert("There are " + links.length + "links.");
}

main();

运行脚本给了我两条警告消息

有 0 个链接。

任何想法为什么我无法从文档中获得正确数量的链接？为什么我会收到两次警报？

【问题讨论】：

标签： javascript dom greasemonkey tampermonkey getelementsbytagname

【解决方案1】：

警报会多次触发，因为该页面包含 iFrame（事实上，与主页具有相同的 URL）。 Greasemonkey 将 iFrame 视为独立的网页。使用@noframes 来阻止它。
脚本没有找到链接，因为它们是在页面加载和 GM 脚本触发后很久才通过 javascript 添加的。这是脚本和 AJAX 的常见问题。一个简单、强大的解决方案是使用 waitForKeyElements()（和 jQuery）。

这里是一个完整的示例脚本，它避免了 iFrame 并展示了如何获取动态链接：

// ==UserScript==
// @name     _Find elements added by AJAX
// @include  http://YOUR_SERVER.COM/YOUR_PATH/*
// @match    http://stackoverflow.com/questions/*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @noframes
// @grant    GM_addStyle
// ==/UserScript==
/*- The @grant directive is needed to work around a design change
    introduced in GM 1.0.   It restores the sandbox.
*/
var totalUsrLinks   = 0;

waitForKeyElements ("a[href*='/users/']", listLinks);

function listLinks (jNode) {
    var usrMtch     = jNode.attr ("href").match (/^.*\/users\/(\d+)\/.*$/);
    if (usrMtch  &&  usrMtch.length > 1) {
        totalUsrLinks++;
        var usrId   = usrMtch[1];
        console.log ("Found link for user: ", usrId, "Total links = ", totalUsrLinks);
    }
}

【讨论】：

【解决方案2】：

由于.getElementsByTagName，它返回了一个HTMLcollection，因此，您必须使用.getElementsByTagName 声明HTMLcollection，然后找到长度并警告它。它看起来像这样......

 (function main(){
        var links = document.getElementsByTagName("a").length
        alert("There are "+ links + " links.");
        })()

我添加了一个 IIFE 或者一个 Immediately-Invoked-Function-Expression more on IIFEs here，所以你不必调用函数，所以代码很小，可以“吞”。最后，它会提醒 2 个警报框，因为函数中有一个 [alert box] 并且您正在调用该函数，所以它会做同样的事情。

【讨论】：