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

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>

我还尝试在 url 周围加上引号：

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

但两者都不起作用。

我错过了什么？

Answer 1

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

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

谷歌不允许你这样做。

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 名称和所需的 url 调用函数

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

前任：

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