Javascript 更改iFrame SRC中的通道名称_Javascript_Jquery_Html

Javascript 更改iFrame SRC中的通道名称

javascript jquery html

Javascript 更改iFrame SRC中的通道名称,javascript,jquery,html,Javascript,Jquery,Html,我试图在我的网站中嵌入一个Twitch流，通过一些文本输入和一个按钮来改变频道。下面是我在这个项目上失败的尝试。我提前道歉，我对编码非常陌生，我还有很长的路要走。我如何解决我必须完成的目标换频道 $（文档）.ready（函数（）{ var oldSrc=$（“#SamplePlayerDivID iframe”）.attr（“src”）； var x=document.getElementById（“myText”）； var currentVal=x.value； var newSrc=

我试图在我的网站中嵌入一个Twitch流，通过一些文本输入和一个按钮来改变频道。下面是我在这个项目上失败的尝试。我提前道歉，我对编码非常陌生，我还有很长的路要走。我如何解决我必须完成的目标


换频道
$（文档）.ready（函数（）{
var oldSrc=$（“#SamplePlayerDivID iframe”）.attr（“src”）；
var x=document.getElementById（“myText”）；
var currentVal=x.value；
var newSrc=oldSrc.replace（“通道=怪物猫”，“通道=+当前值”）；“自动播放=1”替换为“+当前值”
$（#SamplePlayerDivID iframe”）.attr（“src”，newSrc）；
log（“旧Src:+oldSrc”）；
log（“新Src:+newSrc”）；
});

试试这个

<!DOCTYPE html>
<html>
<body>

<input type="text" id="myText" value="newtwitchchannel">

<button type="button" onclick="changeChannel()">Change Channel</button>

<script>
function changeChannel() {
    var oldSrc = $("#SamplePlayerDivID iframe").attr("src");
    var x = document.getElementById("myText");
    var currentVal = x.value;
    var newSrc = oldSrc.replace("channel=monstercat", "channel=" + currentVal);

    $("#SamplePlayerDivID iframe").attr("src", newSrc);

    console.log("Old Src: " + oldSrc);
    console.log("New Src: " + newSrc);
}   
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="SamplePlayerDivID">
  <iframe src="https://player.twitch.tv/?channel=monstercat&muted=true" frameborder="0" style="height: 480; width: 100%;"></iframe>
</div>

</body>
</html>


换频道
函数changeChannel（）{
var oldSrc=$（“#SamplePlayerDivID iframe”）.attr（“src”）；
var x=document.getElementById（“myText”）；
var currentVal=x.value；
var newSrc=oldSrc.replace（“channel=monstercat”，“channel=“+currentVal”）；
$（#SamplePlayerDivID iframe”）.attr（“src”，newSrc）；
log（“旧Src:+oldSrc”）；
log（“新Src:+newSrc”）；
}

我改变了：

无需包装在
```
$（document）.ready（）
```
中。将代码转换为名为
```
changechnel（）
```
的独立函数

将

按钮的onClick
属性更改为调用changeChannel（）


oldSrc.replace（）调用中出现语法错误。与您的示例相比，查看我是如何连接示例中的字符串的

您缺少结束标记
您定义的newSrc
错误。如果你总是替换同一个字符串（monstercat），在它被更改一次之后，你将无法更改该字符串。非常感谢！我非常感谢你的帮助，李！