如何使用Jquery在iframe中加载url

我想加载一个iframe的点击，这是我到目前为止：

$("#frame").click(function () { $('this').load("http://www.google.com/"); }); 

它不起作用。 这是完整的代码： JS斌

Answer 1

 $("#button").click(function () { $("#frame").attr("src", "http://www.example.com/"); }); 

HTML：

  <div id="mydiv"> <iframe id="frame" src="" width="100%" height="300"> </iframe> </div> <button id="button">Load</button> 

Answer 2

 $("#frame").click(function () { this.src="http://www.google.com/"; }); 

有时候，纯JavaScript比jQuery更酷更快;-)

Answer 3

试试$(this).load("/file_name.html"); 。 这个方法定位一个本地文件。

您也可以定位远程文件（在另一个域上）看看： http ： //en.wikipedia.org/wiki/Same_origin_policy

Answer 4

以防万一人仍然在这个老问题上磕磕绊绊：

从理论上讲，代码在某种意义上是几乎正确的，问题是使用$（'this'）而不是$（this），因此告诉jQuery去寻找一个标签。

 $(document).ready(function(){ $("#frame").click(function () { $(this).load("http://www.google.com/"); }); }); 

脚本本身现在还不行，因为load（）函数本身就是一个AJAX函数，而且google似乎没有特别允许使用AJAX加载这个页面，但是这个方法应该很容易使用以便通过使用相对path从您自己的域加载页面。

Answer 5

这里是iframe中的视图：

 <iframe class="img-responsive" id="ifmReport" width="1090" height="1200" > </iframe> 

在脚本中加载它：

  $('#ifmReport').attr('src', '/ReportViewer/ReportViewer.aspx');