Question

我想要做的是根据点击同一页面的不同链接更改div的内容。谁能指出我正确的方向？ AFAIK将脚本直接插入页面可能会很危险，更改文本可以正常工作，但似乎我不确定脚本。脚本的内容是用于视频流的嵌入代码。我意识到这可能不是正确的方法。由于逃避'＆lt;，＆gt;'，我的尝试无效字符和传递参数似乎只接受没有空格的文本。

我尝试过的方法如下（伪代码）;

function changeVideo(script){ div.innerhtml=script;}

然后更改div内容的链接;

<a href='#' onclick=changeVideo('<iframe src=justin.tv etc..></iframe>')>
<a href='#' onclick=changeVideo('<iframe src=ustream.tv etc..></iframe>')>

Answer 1

您可以放弃使用JavaScript并创建具有指定名称的iFrame来托管内容;同时为链接提供目标标记。因此，指定 target 标记的任何链接都会出现在命名的iFrame中。

但是如果你坚持使用JavaScript，你可以考虑使用AJAX。

Answer 2

我建议您使用不引人注目的Javascript找到 a 元素，例如使用getElementById（）。

一旦你有了变量，例如， a1 和 a2 ，iFrame在变量 iframe 中执行代码像这样。

// ...a1 and a2 are anchors and iframe is the frame. 
var srcSwitch = function(e)
{
    e.preventDefault();    // this will prevent the anchor from redirecting you
    iframe.src = this.src; // this changes the iFrame‘s source
};
a1.addEventListener('click', srcSwitch, 1);
a2.addEventListener('click', srcSwitch, 1); // and we register event listeners.

使用此代码，无需在HTML属性中插入Javascript，您只能将脚本URL放在锚点SRC属性中。

告诉我它是怎么回事，问候。

Answer 3

我可能已经过多地概括了这个问题。

所以我想在点击链接时嵌入一个流。如果链接类似于正确的URL http://Jimey.tv/mystream iframe工作，但加载整个页面。但我想使用流嵌入代码来获取播放器

嵌入代码看起来类似于;

<script type = text/javascript> channel='mychannel' w='620' h='400'</script><script type=text/javascript> src="jimmy.tv/embed.js></script>

我原来的JavaScript方法因为转义＆lt;字符，并传递embedcode似乎是一个问题。希望我能让这一点更清楚一点吗？

Answer 4

<script>
iframe1 = '<iframe frameborder="0" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=xenema&amp;popout_chat=true" height="301" width="221"></iframe>'
</script>
<a href="#" onclick="alert(222)">link 1</a>
<a href="#" onclick="document.getElementById('videos').innerHTML = iframe1">link 2</a>
<div id="videos">diiiiv</div>

Javascript嵌入脚本onclick

4 个答案: