使用jQuery编辑iframe src

Question

为什么我的代码不会粘贴我的iframe src？它在HTML中只是空的。

<iframe id="Stream" src="" class="col-sm-12" frameborder="0" scrolling="no"></iframe>
<iframe id="Chat" src="" frameborder="0" scrolling="no"></iframe>

$('#Stream').attr("https://player.twitch.tv/?channel=" + channel, url)
$('#Chat').attr("https://www.twitch.tv/" + channel + "/chat?popout=", url)

Answer 1

调用attr()方法的语法不正确。第一个参数是属性的名称，第二个参数应该是您要设置的值。在可能的情况下，也可以使用prop()方法，就像在这种情况下一样。

$('#Stream').prop('src', "https://player.twitch.tv/?channel=" + channel);
$('#Chat').prop('src', "https://www.twitch.tv/" + channel + "/chat?popout=");

attr() method
prop() method

请注意，如果请求的域名不允许使用X-Frame-Options在第三方网站上的iframe中呈现自身，则可能仍然无法正常运行。

Answer 2

另一种更改iframe源路径的方法。

请在下面查看。

{{1}}