DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 教你用jquery實現iframe自適應高度
教你用jquery實現iframe自適應高度
編輯:JQuery特效代碼     

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);
});

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved