更改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是<iframe>的id）：

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

但是，iframe似乎是一種不必要的方法來滿足您的需求，請考慮更多地考慮CSS和jQuery DOM操作方法。