国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JQuery自適應IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)

2019-11-20 23:53:35
字體:
來源:轉載
供稿:網友
復制代碼 代碼如下:

function adjustIFramesHeightOnLoad(iframe) {
var iframeHeight = Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight);
$(iframe).height(iframeHeight);
}

失敗的測試就不說了,來直接的。
兩個鏈接和iframe:
復制代碼 代碼如下:

<li><a href="selfinfo.jsp" target="c-c-iframe" title="個人信息" >個人信息</a></li>
<li><a href="modifypass.jsp" target="c-c-iframe" title="修改密碼" >修改密碼</a></li>
<iframe src="init.jsp" id="c-c-iframe" name="c-c-iframe" width="500px;" frameborder="0" scrolling="no" marginwidth="0" marginheight="0"></iframe>

js代碼:
復制代碼 代碼如下:

<script type="text/javascript">
<!--
$(function(){
$("#c-c-iframe").load(function(){
$(this).height($(this).contents().find("#content").height() + 40);
});
});
-->
</script>

這里的find("#content")是找出iframe內容文檔中的id為content的高度(另外比如find("body")),并設置給iframe,
類似的還可以設置寬度,留給需要的朋友嘗試吧。
這樣就解決了iframe不會因為內容過大被擋住的問題(因為我設置了scrolling="no")。
PS:基本上我會優先考慮使用iframe來實現無刷新,兼容瀏覽器的后退按鈕;而且使用iframe加載flash是很爽的,不用寫什么js調用,object標簽,還符合W3C標準。
2008年11月28日17:13:31 ,今天使用過程中根據實際情況進行了一下改良,代碼如下:
復制代碼 代碼如下:

<script type="text/javascript">
<!--
$(function(){
$("#workArea").load(function(){
var height = $(this).contents().find("#box").height() + 40;
//這樣給以一個最小高度
$(this).height( height < 400 ? 400 : height );
});
});
-->
</script>

另發現使用find("body")不太好使,高度不準確。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 孙吴县| 济阳县| 海原县| 金华市| 微山县| 上高县| 镇原县| 桓台县| 突泉县| 泰宁县| 儋州市| 调兵山市| 白城市| 通山县| 同德县| 兴城市| 周宁县| 台前县| 莆田市| 奉贤区| 资阳市| 江北区| 陇南市| 当雄县| 灵宝市| 江城| 四川省| 灯塔市| 酒泉市| 嵩明县| 微山县| 伊川县| 若尔盖县| 南投县| 藁城市| 隆德县| 泸溪县| 商河县| 德阳市| 应用必备| 天柱县|