iframe高度自适应

最新推荐文章于 2024-05-22 18:00:57 发布

shenyaya_1987

最新推荐文章于 2024-05-22 18:00:57 发布

阅读量465

点赞数

文章标签： iframe function

2008-05-18 01:34

学习网页设计已有一段时间了，在这段时间里，我找到了最简单、最方便的iframe高度自适应的方法，现在跟大家分享一下：

一般我们要做的就是建立一个页面，命名为index.html.

如下图：

[attach=124]

这个页面有一个导航，我们需要点击这个页面中的导航，下面灰色部分为iframe展示区，我们点击上面的导航，下面的iframe就会显示不同的页面；

１.在这个主页面中我们需要在iframe展示区中加入如下代码：

<iframe src="about.html" frameborder="0" width="100%" height="100%" scrolling="no" marginheight="0" marginwidth="0" name="kj"></iframe>

２.每个iframe为一个单独的页面，我只需在每个单独的页面中<head>与</head>之间加入如下代码即可实现firame高度的自适应：

<script type="text/javascript">
function setWindowSize(){ //iframe自动本窗口高度
try{
   var thiswin = window.parent.document.getElementById(window.name);
   if(window.document.body.scrollWidth-thiswin.offsetWidth>6){
    document.body.style.overflowX="auto";
    thiswin.height=window.document.body.scrollHeight+20;
    thiswin.width=window.document.body.scrollWidth+20;
   }else{
    document.body.style.overflowX="hidden";
    thiswin.height=window.document.body.scrollHeight;
    thiswin.width=window.document.body.scrollWidth
   }
}catch(e){ }
}
</script>
<body onLoad="setWindowSize()">

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iframe高度自适应

2008-05-18 01:34学习网页设计已有一段时间了，在这段时间里，我找到了最简单、最方便的iframe高度自适应的方法，现在跟大家分享一下：一般我们要做的就是建立一个页面，命名为index.html.如下图：[attach=124]这个页面有一个导航，我们需要点击这个页面中的导航，下面灰色部分为iframe展示区，我们点击上面的导航，下面的ifram
复制链接

扫一扫

shenyaya_1987 CSDN认证博客专家 CSDN认证企业博客

码龄16年

1: 原创

162万+: 周排名

34万+: 总排名

2019: 访问

: 等级

53: 积分

2: 粉丝

0: 获赞

4: 评论

0: 收藏

私信

关注

热门文章

分类专栏

工作日志 1篇

最新评论

SimpleDateFormat 格式参数
shenyaya_1987: SimpleDateFormat formatter = new SimpleDateFormat ( "yyyy-MM-dd" ) ;
SimpleDateFormat 格式参数
shenyaya_1987: SimpleDateFormat格式2008-10-29 09:48字母日期或时间元素表示示例 G Era 标志符 Text AD y 年 Year 1996; 96 M 年中的月份 Month July; Jul; 07 w 年中的周数 Number 27 W 月份中的周数 Number 2 D 年中的天数 Number 189 d 月份中的天数 Number 10 F 月份中的星期 Number 2 E 星期中的天数 Text Tuesday; Tue a Am/pm 标记 Text PM H 一天中的小时数（0-23） Number 0 k 一天中的小时数（1-24） Number 24 K am/pm 中的小时数（0-11） Number 0 h am/pm 中的小时数（1-12） Number 12 m 小时中的分钟数 Number 30 s 分钟中的秒数 Number 55 S 毫秒数 Number 978 z 时区 General time zone Pacific Standard Time; PST; GMT-08:00 Z 时区 RFC 822 time zone -0800
SimpleDateFormat 格式参数
shenyaya_1987: 24小时制时间显示: public class Datetime { public static void main(String args[]){ java.util.Date current=new java.util.Date(); java.text.SimpleDateFormat sdf=new java.text.SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); String c=sdf.format(current); System.out.println(c); } } feedom.net 12小时制时间显示: public class Datetime { public static void main(String args[]){ java.util.Date current=new java.util.Date(); feedom.net java.text.SimpleDateFormat sdf=new java.text.SimpleDateFormat("yyyy-MM-dd hh:mm:ss"); String c=sdf.format(current); System.out.println(c); } }
SimpleDateFormat 格式参数
shenyaya_1987: //这样写小时是24小时制 SimpleDateFormat sdf=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); //12小时制 SimpleDateFormat sdf=new SimpleDateFormat("yyyy-MM-dd hh:mm:ss");

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。