使用javascript在Iframe中显示的网址

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

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

这里是JsFiddle

来源

2014-01-22 Rajasekhar

请试试这个代码，它工作在我结束精细，

<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>

来源

2014-01-23 07:40:11

好，因为它被设置为运行JavaScript的onload，而不是在你的头上摆弄不运行。更改左上角的下拉菜单。

enter image description here

其次的问题，您应该设置的iframe，而不是文件位置的来源。

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

第三个问题，你无能为力的是谷歌和雅虎不能放入iframe。你会得到错误

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

来源

2014-01-22 15:09:55 epascarello

其实在这里我想显示的谷歌地图。 – Rajasekhar

比使用[google map api]（https://developers.google.com/maps/）！ – epascarello

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

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

来源

2014-01-22 15:17:52

我试过这个，但没有运气。 – Rajasekhar

使用javascript在Iframe中显示的网址

回答

相关问题