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

Question

我设法用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.

Answer 1

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

试试这个:

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

参考:

jQuery .attr()

Answer 2

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

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

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