使用javascript在iframe中显示的网址

Question

要求很小，有一个iframe，然后是3个按钮。 点击button1后，网址应显示在iframe中，与第二个按钮相同。 这是我的代码，请你帮忙。

function testCoverage(){    
     window.frames['idIfrm'].document.location.href = 'http://google.com';
    }
function testCoverage1(){   
    window.frames['idIfrm'].document.location.href = 'http://yahoo.com';
}

这是JsFiddle

Answer 1

你的小提琴没有运行，因为它被设置为运行JavaScript onload而不是头部。更改左上角的下拉列表。

第二个问题，您应该设置iframe的来源，而不是文档位置。

window.frames['idIfrm'].src = "foo.html";

你无法做的第三个问题是谷歌和雅虎不能放入iframe。你会收到错误

  

拒绝在框架中显示“https://www.google.com/”，因为它已设置   'X-Frame-Options'到'SAMEORIGIN'。

Answer 2

您应该使用src属性。你的代码应该是这样的

    function testCoverage(){
       document.getElementById['idIfrm'].src = 'http://google.com';
    }
    function testCoverage1(){   
       document.getElementById['idIfrm'].src = 'http://yahoo.com';
    }

Answer 3

请尝试使用此代码，我的工作正常，

<div>
    <button><a href="http://www.computerhope.com/banners/banner.gif" target="iframe_a">Banner1</a></button>
    <button><a href="http://www.computerhope.com/banners/banner2.gif" target="iframe_a">Banner2</a></button>
    <button><a href="http://www.computerhope.com/banners/banner3.gif" target="iframe_a" onclick="closeWindow();">Banner3</a></button>
    <div>       
    <iframe src="http://www.computerhope.com/banners/banner3.gif" name="iframe_a" width="900" height="350px" id="iframe" frameborder="0" scrolling="no" style="margin-left:15px;margin-bottom:15px;border:none;">
    </iframe>
    </div>
 </div>