如何根據其內容的長度動態更改對象或iframe的長度

我正在處理一個項目，其中的Web頁面由不同的片段組成，這些片段使用不同類型的對象動態加載。因此，例如，某個頁面可能有2個片段，一個顯示一個視頻，另一個顯示一些文本，另一個時候，同一頁面可能顯示2個文本塊。內容的變化取決於用戶查看它，並且由於相同片段（由對象標籤或iframe定義）可能包含視頻（mp4，avi等）或文本（pdf，docx，txt等），或者圖像等如何根據其內容的長度動態更改對象或iframe的長度

我遇到的問題與內容的大小（具體是長度）有關。對象和iframe標籤都由一個邊框來分隔，我需要根據內容的長度來調整邊框的大小。如果內容是一個30頁長的PDF，我需要在網頁中渲染所有30頁。我不能讓用戶向下滾動查看PDF的內容，我需要它儘可能無縫地成爲網頁的一部分。

找到答案here似乎提供了一種可能的解決方案。我不知道JQuery，但我可以學習。但是，我注意到這些示例中使用的內容始終是一個Web頁面。在我的情況下，iframe的內容可以有很多不同的類型，我想知道是否可以使用JQuery來確定不是網頁的東西的大小。如果它不能，任何人都可以請建議一個解決我的問題？謝謝。

來源

2012-11-20 Andromeda

這更接近你想要的嗎？ http://stackoverflow.com/questions/819416/adjust-width-height-of-iframe-to-fit-with-content-in-it –

你將不得不使用jquery或JavaScript動態地設置iframe的高度，

這些應該工作

// For other good browsers. 
$('iframe').load(function() { 
    this.style.height = 
    this.contentWindow.document.body.offsetHeight + 'px'; 
}); 

// Safari and Opera need a kick-start. 
for (var i = 0, j = iFrames.length; i < j; i++) { 
    var iSource = iFrames[i].src; 
    iFrames[i].src = ''; 
    iFrames[i].src = iSource; 
}

有一個整體的文章Here這也解釋了這段代碼

來源

2012-11-20 21:47:13

如何根據其內容的長度動態更改對象或iframe的長度

回答

相關問題