更改iframe的src,然后重新加载iframe

我设法用javascript更改了iframe的src

var path='images/tattoo/fullsize/'; var h=$('#borderlessFrame').height(); var bigFrame=$('#borderlessFrame'); function loadGallery(num) { bigFrame=$('#borderlessFrame'); var galPath=path + num; // path to the image h=$('#borderlessFrame').height(); var source=bigFrame.attr('src'); source='i load some address here'; } 

但是现在我看到了iframe的旧内容,有没有办法重新加载iframe(只有iframe而不是整个页面)我想要实现的是一个简单的画廊,底部的拇指图片和大图片顶部(iframe)。 单击任何一个拇指,我更改iframe的内容而不重新加载实际页面。

请记住,我是html / javascript / jquery的新手。 所以基本上我需要一种方法(函数?)来重新加载iframe。

要设置属性,需要调用.attr( attributeName, value )

试试这个:

 var source='i load some address here'; bigFrame.attr('src', source); 

参考:

jQuery .attr()

jQuery有load方法 ,可以这样使用(假设borderlessFrame的id):

 var iFrame = $('#borderlessFrame'); iFrame.load('http://theurltoload.com') 

但是,iframe似乎是一种不必要的方法来满足您的需求,请考虑更多地考虑CSS和jQuery DOM操作方法。