如何使用jQuery将src设置为iframe?

Ale*_*lex 17 javascript iframe jquery src

我的iFrame看起来像这样:

<iframe id="iframe" name="iframe1" frameborder="0" src=""></iframe>
Run Code Online (Sandbox Code Playgroud)

我的脚本看起来像这样:

<script type="text/javascript">
    $(document).ready(function() {
    $('#iframe').attr('src',http://google.com);
})
</script>
Run Code Online (Sandbox Code Playgroud)

我也试过在网址上加引号:

<script type="text/javascript">
    $(document).ready(function() {
    $('#iframe').attr('src','http://google.com');
})
</script>
Run Code Online (Sandbox Code Playgroud)

但两者都没有效果.

我错过了什么?

SLa*_*aks 20

如果你看一下浏览器的错误控制台,你会看到真正的问题:

拒绝在框架中显示" https://www.google.com/ ",因为它将"X-Frame-Options"设置为"SAMEORIGIN".

谷歌不允许你这样做.

  • 这是正确的答案.它与其他URL一起使用时有效.我试过disney.com并且它工作正常(一旦添加了高度/宽度属性). (2认同)

rjg*_*234 8

<script type="text/javascript">
    $(document).ready(function() {
    $('#iframe').attr('src', 'http://google.com');
})
</script>
Run Code Online (Sandbox Code Playgroud)

Quotes missing on the url.