jquery實現的iframe高度自適應效果

antzone發表於2017-03-18
jQuery

iframe是非常常用的元素之一，它可能在網頁內嵌入其他的頁面，你是它有個缺點，不能夠自動實現高度自適應，下面就介紹一下如何iframe高度自適應效果。

一.iframe程式碼:

[HTML] 純文字檢視 複製程式碼
<iframe src="antzone.html" id="main" width="700" height="300" frameborder="0"></iframe>

二.jquery程式碼:

[JavaScript] 純文字檢視 複製程式碼
$("#main").load(function(){ 
  var mainheight=$(this).contents().find("body").height()+30; 
  $(this).height(mainheight); 
});

相關文章