javascript - 如何确定点击某个元素是否会进入新页面？

Question

我有一个div，如下所示:

 <div id="toGoogle" onclick="window.location='https://www.google.com">Go to google</div>

点击此链接会将我带到一个网站(在本例中为 google.com)。

(当然这个点击方法可以在JS文件中而不是内联。)

现在我想找出我的网页中的所有此类元素，单击这些元素将进入另一个页面。我还想找出这些页面的 URL 并将它们打印到控制台。

使用JS/Jquery可以实现吗？

Answer 1

在完全加载的页面上，您可以递归遍历 DOM 搜索 onClick 和 href 属性。请参阅此处的 jsfiddle 示例(并查看日志)。

var walkDOM = function(node) {
  try {
    if (node.getAttribute("onClick") != null) {
      console.log(node.getAttribute("onClick"))
    }
    if (node.getAttribute("href") != null) {
      console.log(node.getAttribute("href"))
    }
  } catch (err) {
    console.log("endpoint")
  }
  node = node.firstChild;
  while (node) {
    walkDOM(node);
    node = node.nextSibling;
  }
};

var fb = document.getElementById('facebook')
fb.setAttribute("onclick", "console.log('click')")

var yt = document.getElementById('youtube')
yt.setAttribute("href", "www.youtube.com")

walkDOM(document.documentElement);

https://jsfiddle.net/26wh7zeL/9/

如果需要，您可以对网址进行正则表达式匹配。