使用 JavaScript 为 iframe 调用链接答案

【问题标题】：Using JavaScript for an iframe to call a link使用 JavaScript 为 iframe 调用链接
【发布时间】：2015-10-19 07:10:39
【问题描述】：

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

&lt;BR&gt;&lt;a style="text-decoration:none" href="test.html" target="_top"&gt;test&lt;/a&gt;

这就是我试图放入此 iframe 的代码，而无需重新加载整个页面或加载新选项卡，这是我一直遇到的问题...

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

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

【问题讨论】：

标签： javascript jquery html iframe

【解决方案1】：

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

Calling javascript function in iframe

Reading parent document from iFrame and changing parent

希望对你有所帮助。

【讨论】：

太棒了，谢谢你，这实际上非常有帮助，因为我已经搜索过但找不到它们，哈哈。我想我在错误的字符串中搜索
也许这可以帮助你更多：stackoverflow.com/questions/2161388/… 这意味着你只能访问 iframe“window.parent”，你可以调用它上面的函数。 developer.mozilla.org/en-US/docs/Web/API/Window/parent 你想用那个链接做什么？如果我点击它会发生什么？
我遇到的主要问题是我试图将链接调用到 iframe 并且遇到另一个选项卡打开的问题，它实际上并没有加载到 iframe 本身，这似乎是唯一的解决方案是 JS，而且我对 JS 一无所知，除了它只是脚本（如果我错了，请纠正我）。所以我现在真的意识到我正在寻找一个可以与我当前的代码一起使用的示例，该代码将 JS 实现到链接中，将其调用到实际的 iframe 中......尽管给出的链接非常有帮助
好的，链接本身应该在 iframe 中弹出一个信息，该链接本身也有子链接，可将您发送到另一个选项卡以输入已请求的所述信息，以便服务器更容易找到如果对您有任何帮助，请使用用户信息

【解决方案2】：

这是基本的 Vanilla JS 函数，它从按钮中获取“点击”事件，然后用内容填充所选的 div。这就是我将如何解决您的问题。希望这会有所帮助！

看看这个JS Fiddle

HTML

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

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>'
})

【讨论】：

我已经尝试了第一个使用 HTML 的示例，出于某种原因，即使我的代码正在运行 xHTML，它似乎也将它作为一种 hack 而不是任何东西，并丢弃它，就像它从来没有开始一样。但我会尝试 JS，看看我在哪里，让你知道....谢谢你的帮助 =)
ok JS 没用，但同时它给我的唯一问题是它在我布置的初始页面顶部创建了另一个 iframe。也许我在这里遗漏了一些东西，也许我需要在 w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="w3.org/1999/xhtml" xml:lang="en" lang="en"> 中实现 JS 在某处
你能给我一个fiidle或pen的链接，这样我就可以看到你的代码了吗？