1. 程式人生 > >jq_jquer獲取iframe的高度根據頁面內容自適應

jq_jquer獲取iframe的高度根據頁面內容自適應

 JQ程式碼

$("#mainframe").load(function () {
    var if_w = $("iframe").width();
    var if_h = $("#mainframe").contents().find("body").find(".nylm2").height();
    //alert("if_w==" + if_w + "\n" + "if_h==" + if_h);
    $("#mainframe").height(if_h+50);
});

html程式碼

  <iframe id="mainframe" name="mainframe" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" style="width:100%" src="<%linkurl("aboutus_body")%>">
    </iframe>


解讀JQ:

 var if_h = $("#mainframe").contents().find("body").find(".nylm2").height();
contents() 方法返回所有直接子元素,包括被選元素的文字和註釋節點。
find("body") //查詢子元素標籤為【body】
find(".nylm2") //查詢子元素類名為【nylm2】

解讀:HTML;

scrolling="no"  //沒有上下和左右的滾動條