如何使用 jQuery 将 src 设置为 iframe

How do I set the src to an iframe with jQuery?

本文关键字：设置 iframe src 何使用 jQuery      更新时间：2023-09-26

我的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>

但两者都不起作用。

我错过了什么？

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

拒绝在帧中显示"https://www.google.com/"，因为它将"X-帧选项"设置为"SAMEORIGIN"。

谷歌不让你这样做。

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

网址上缺少引号。

不允许在 iFrame 中加载 www.google.com。尝试使用另一个网址。

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

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

这将正常工作。

只需使用 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");
相关文章：