jq_jquer獲取iframe的高度根據頁面內容自適應
阿新 • • 發佈:2019-02-11
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" //沒有上下和左右的滾動條