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

教你用jquery實(shí)現(xiàn)iframe自適應(yīng)高度

 更新時(shí)間：2014年06月11日 11:11:25   作者：  
iframe因?yàn)槟芎途W(wǎng)頁(yè)無(wú)縫的結(jié)合從而不刷新頁(yè)面的情況下更新頁(yè)面的部分?jǐn)?shù)據(jù)成為可能，可是 iframe的大小卻不像層那樣可以“伸縮自如”，所以帶來(lái)了使用上的麻煩，給iframe設(shè)置高度的時(shí)候多了也不好，少了更是不行，今天我們就來(lái)分享2種使用jquery實(shí)現(xiàn)iframe自適應(yīng)高度的代碼

iframe代碼，注意要寫(xiě)ID

復(fù)制代碼 代碼如下:

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


jquery代碼一：

復(fù)制代碼 代碼如下:

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


jquery代碼二：

復(fù)制代碼 代碼如下:

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

相關(guān)文章

最新評(píng)論