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

我的iFrame看起来像这样：

我的脚本看起来像这样：

  $(document).ready(function() { $('#iframe').attr('src',http://google.com); })  

我也试过在url上加上引号：

  $(document).ready(function() { $('#iframe').attr('src','http://google.com'); })  

但两者都不起作用。

我错过了什么？

Answer 1

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

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

谷歌不会让你这样做。

Answer 2

url上缺少引号。

Answer 3

您无权在iFrame中加载www.google.com。 尝试使用其他url。

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");