Question

我的iFrame看起来像这样：

<iframe id="iframe" name="iframe1" frameborder="0" src=""></iframe>

我的脚本看起来像这样：

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

我也尝试在网址上加上引号：

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

但两者都没有效果。

我错过了什么？

Answer 1

如果您查看浏览器的错误控制台，您将看到真正的问题：

拒绝在一个框架中显示“https://www.google.com/”，因为它将“X-Frame-Options”设置为“SAMEORIGIN”。

Google不允许您这样做。

Answer 2

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

网址上缺少引号。

Answer 3

您不能在iFrame中加载www.google.com。尝试使用其他网址。

Load denied by X-Frame-Options: https://www.google.com/ does not permit cross-origin framing.

Answer 4

$("#iframe").attr("src","your url");

这样可以正常工作。

Answer 5

只需使用iframe名称和所需网址调用该函数

function loadIframe(iframeName, url) {
    var $iframe = $('#' + iframeName);
    if ( $iframe.length ) {
        $iframe.attr('src',url);   
        return false;
    }
    return true;
}

例如：

loadIframe("iframe1","http://yahoo.com");

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

5 个答案: