iframe 窗口中的链接以在新选项卡中打开

Question

我已经多次看到这个问题，很多答案似乎都暗示了基本的target="_blank" 技术。但是，我过去曾使用过它；但我当前的页面不起作用。我也不认为它可能是最好的选择，即使它确实有效。因为我只希望iframe src="" 中的链接在新窗口中打开。我希望有一个简单的解决方案可以将内联添加到页面中。我也尝试过添加如下的 id，并使用 JavaScript，仍然没有。

<iframe src="mywordpressfeed.html" id="frame1" width="310" height="380"></iframe> 

JS

$(document).ready(function(){
    $("#frame1").attr("target","_blank");
});

基本上，目标是当用户在静态页面上的 iframe 中看到我的 wordpress 提要时；单击帖子标题后，它会在新窗口中加载 - 现在它会在同一个 iframe 中加载，因此不会提高可读性。

Answer 1

由于 iFrame 标签是针对相反的情况开发的，因此没有真正的解决方案。

Answer 2

//pass the iframe to this iframe getting function 
    function iframeRef( frameRef ) {
        return frameRef.contentWindow ? frameRef.contentWindow.document : frameRef.contentDocument
    }
//Get Iframe
    var inside = iframeRef( document.getElementById('iframeID') );
//Get all links
    var links = inside.getElementsByTagName('a');
//Loop throught links and set their attributes
    for (var i = 0 ; i<links.length ; i++){
    links[i].setAttribute('target','_blank');
    }
//No jQuery needed!

感谢meder

编辑 由于 iframe 相同的来源限制，我不得不从相同的来源找到具有内部 iframe 的网站，以便您可以粘贴此代码

//pass the iframe to this iframe getting function 
    function iframeRef( frameRef ) {
        return frameRef.contentWindow ? frameRef.contentWindow.document : frameRef.contentDocument
    }
//Get Iframe
    var inside = iframeRef( document.getElementById('IFwinEdit_Gadget_247730_3349') );
//Get all links
    var links = inside.getElementsByTagName('input');
//Loop throught links and set their attributes
    for (var i = 0 ; i<links.length ; i++){
        links[i].setAttribute('style','background:red');
    }
//No jQuery needed!

到web site 中的控制台，查看输入的颜色变化