javascript - 如何检查链接的目标是否为 iframe

Question

请看下面的例子:

document.addEventListener('click', function(e){
  if(e.target.tagName == 'A'){
    e.preventDefault();
    if(true){
      console.log('Target is an iframe');
    } else {
      console.log('Target is not an iframe');
    }
  }
});

<a href="about:blank">1</a>
<a href="about:blank" target="iframe">2</a>
<a href="about:blank" target="not_iframe">3</a>
<iframe name="iframe" src="about:blank" style="display: none;"></iframe>

我把 if(true) 作为占位符放在那里。我如何实际检查所点击链接的目标是 iframe 还是不是？

谢谢!

Answer 1

您可以检查是否存在具有该名称的 iframe。

document.addEventListener('click', function(e){
  if(e.target.tagName == 'A'){
    var target = e.target.target;
    var iFrameExist = document.querySelector(`iframe[name="${target}"]`);
    if(iFrameExist){
      console.log('Target is an iframe');
    } else {
      console.log('Target is not an iframe');
    }
    return false;
  }
});

<a href="about:blank">1</a>
<a href="about:blank" target="iframe">2</a>
<a href="about:blank" target="not_iframe">3</a>
<iframe name="iframe" src="about:blank" style="display: none;"></iframe>