欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

教你用jquery實現iframe自適應高度

 更新時間：2014年06月11日 11:11:25   作者：  
iframe因為能和網頁無縫的結合從而不刷新頁面的情況下更新頁面的部分數據成為可能，可是 iframe的大小卻不像層那樣可以“伸縮自如”，所以帶來了使用上的麻煩，給iframe設置高度的時候多了也不好，少了更是不行，今天我們就來分享2種使用jquery實現iframe自適應高度的代碼

iframe代碼，注意要寫ID

復制代碼 代碼如下:

<iframe src="test.html" id="main" width="700" height="300" frameborder="0" scrolling="auto"></iframe>


jquery代碼一：

復制代碼 代碼如下:

//注意：下面的代碼是放在test.html調用
$(window.parent.document).find("#main").load(function(){
var main = $(window.parent.document).find("#main");
var thisheight = $(document).height()+30;
main.height(thisheight);
});


jquery代碼二：

復制代碼 代碼如下:

//注意：下面的代碼是放在和iframe同一個頁面調用
$("#main").load(function(){
var mainheight = $(this).contents().find("body").height()+30;
$(this).height(mainheight);
});

相關文章

最新評論