使用外部锚更改 iframe 内容？答案

【问题标题】：Change iframe contents using an external anchor?使用外部锚更改 iframe 内容？
【发布时间】：2014-09-26 16:49:28
【问题描述】：

我正在尝试为我所在的流媒体团队打造一个“媒体中心”。我想要一个加载初始流的 iframe（为了测试，它是我自己的，但最终将是我们的组频道），当点击页面上的一个用户名时，我希望它加载特定的流到iframe。

到目前为止，我已经尝试过使用它，但我相当肯定它需要的不仅仅是 HTML。

<div>
 <iframe name="stream" src="http://www.twitch.tv/marcusraven86/embed" frameborder="0" scrolling="no" height="378" width="620"></iframe>
</div>
<ul>
 <li><a href="#" onClick="loadintoIframe('stream,'http://www.twitch.tv/marcusraven86/embed');">MarcusRaven86</a></li>
 <li><a href="#" onClick="loadintoIframe('stream,'http://www.twitch.tv/dragonbornmonocle/embed');">DragonbornMonocle</a></li>
<ul>

iframe 对我来说仍然相对较新，但我通常可以通过一个很好的示例快速理解。我是否至少朝着正确的方向前进？

【问题讨论】：

我认为您在 OnClick 函数中的 stream 后面缺少一个 '
哇，这是一个明显的错误。感谢那。它仍然没有工作。我在两个流锚之间单击，没有任何变化。
您能否更新您的代码 sn-p 以便我们看到？它一定是onClick="loadIntoIframe('stream','http://www.twich.tv/...')" - 你的loadIntoIframe 函数也不是无趣的
实际上，我认为您刚刚解决了我的问题。我没有意识到“loadIntoIframe”是一个函数。我在某处的一个例子中发现了这一点。我将进一步研究该示例以查看该功能是否可用。我对 javascript 的了解不多，所以我们会看看它是怎么回事。
好吧，我用完全不同的方式解决了它，我真的很惊讶它这么简单。 <iframe name="stream" src="http://www.twitch.tv/marcusraven86/embed"></iframe> <a href="http://www.twitch.tv/dragonbornmonocle/embed" target="stream">DragonbornMonocle</a> ...等等。

标签： html iframe twitch

【解决方案1】：

我可以通过这样做来出售它，命名 iframe，然后将锚源设置为新的嵌入链接，将目标设置为 iframe 的名称：

<iframe name="stream" src="http://www.twitch.tv/marcusraven86/embed"></iframe>
<a href="http://www.twitch.tv/dragonbornmonocle/embed" target="stream">DragonbornMonocle</a>
...

对于其他流，依此类推。

【讨论】：