Question

我想知道从哪里开始，因为我对JavaScript如何使用它来调用使用HTML5构建的Iframe几乎一无所知。下面是我正在使用的代码行，我想尝试允许调用iframe而无需重新加载整个页面。

＆＃13;

<BR><a style="text-decoration:none" href="test.html" target="_top">test</a>

＆＃13;

这就是我试图放入这个iframe的代码而没有重新加载整个页面或加载一个新标签，这是我一直遇到的问题...

＆＃13;

<div id="contentframe">
		<iframe seamless id="contentframe" src="Contentframe.html" height=550px width=1003px align=center frameborder= "0"></iframe>
		</div>

＆＃13;

老实说，此时任何帮助都会令人惊讶

Answer 1

您可以通过调用parent.document从iFrame访问父级。关于你的问题还有其他一些stackoverflow问题（如果我理解你的问题）：

Calling javascript function in iframe

Reading parent document from iFrame and changing parent

我希望我帮助过你。

Answer 2

这是基本的Vanilla JS功能，可以从按钮中抓取“click”事件，并使用内容填充所选div。这就是我如何处理你的问题。希望这有用！

查看此JS Fiddle

HTML

<button id="frameAdd">Add I-Frame</button>
<div id="contentFrame"></div>

JS

var button = document.getElementById( "frameAdd" )
var frame = document.getElementById( "contentFrame" )


button.addEventListener( "click", function () {
    frame.innerHTML = '<iframe width="560" height="315" src="https://www.youtube.com/embed/91liSjahuNw" frameborder="0" allowfullscreen></iframe>'
})

使用JavaScript为iframe调用链接

2 个答案: