博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
对象高度iframe 自适应大小
阅读量:6131 次
发布时间:2019-06-21

本文共 2171 字,大约阅读时间需要 7 分钟。

在写这篇文章之前,xxx已经写过了几篇关于改对象高度主题的文章,想要了解的朋友可以去翻一下之前的文章

    前提:

    W3C准标:

 

    全局css:

    

    1.首先控制全部窗口的巨细,如果化变,要自适应

var originalWidth  = document.documentElement.clientWidth;var originalHeight = document.documentElement.clientHeight;	window.onresize = function(){	var _originalWidth = document.documentElement.clientWidth;	var _originalHeight = document.documentElement.clientHeight	//if (_originalWidth*_originalHeight!=originalWidth*originalHeight   <= originalWidth ||  _originalHeight <= originalHeight||_originalWidth  > originalWidth ||  _originalHeight > originalHeight){	if(_originalWidth*_originalHeight != originalWidth*originalHeight){		$("#clientframe").height(_originalHeight-73);//73:面前iframe的高度	}   originalWidth  = _originalWidth;   originalHeight = _originalHeight;}

    2.控制iframe巨细 ,如果窗口化变,要自适应

				

    注意:关于一个document.documentElement.clientWidth为0的问题

    每日一道理
今天阳光很好,坐在窗前,看窗外如此晴朗的天感觉特别舒心,雨过天晴后的世界总给人一种明媚,仿佛阳光照耀在“心田”上空,让前些天被风雨践踏的花朵重新得到爱的关怀,重现生命的活力!

    原来是W3C的准标在作祟啊
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
如果在页面中添加这行记标的话 在IE中:
document.body.clientWidth ==> BODY对象度宽
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域度宽
document.documentElement.clientHeight ==> 可见区域高度
在FireFox中:
document.body.clientWidth ==> BODY对象度宽
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域度宽
document.documentElement.clientHeight ==> 可见区域高度
?
在Opera中: 
document.body.clientWidth ==> 可见区域度宽
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==> 页面对象度宽(即BODY对象度宽加上Margin宽)
document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
而如果没有义定W3C的准标,则
IE为:
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
FireFox为:
document.documentElement.clientWidth ==> 页面对象度宽(即BODY对象度宽加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高) 
Opera为:
document.documentElement.clientWidth ==> 页面对象度宽(即BODY对象度宽加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)

    

    

    

文章结束给大家分享下程序员的一些笑话语录: 很多所谓的牛人也不过如此,离开了你,微软还是微软,Google还是Google,苹果还是苹果,暴雪还是暴雪,而这些牛人离开了公司,自己什么都不是。

转载地址:http://jmxua.baihongyu.com/

你可能感兴趣的文章
高清精美壁纸:2013年3月桌面日历壁纸免费下载
查看>>
分享:常见gcc编译警告整理
查看>>
分享:【原创】服务器开发之 Daemon 和 Keepalive
查看>>
混合模式程序集是针对“v2.0.50727”版的运行时生成的,在没有配置其他信息的情况下,无法在 4.0 运行时中加载该...
查看>>
【SAS NOTES】sas对中文的支持
查看>>
甲骨文向IBM宣战:推出史上最快服务器
查看>>
hdu 1723
查看>>
XML声明
查看>>
hdu 2377
查看>>
[书目20130415]实用IT项目管理
查看>>
ibatis的联合查询详解
查看>>
SQL点滴33—SQL中的字符串操作
查看>>
在Flex中使用HTTPService传递参数
查看>>
Console-算法[for]-打印出杨辉三角形
查看>>
经典网页设计:30个创意的 CSS 应用案例
查看>>
苏教版国标本小学语文第一册汉字笔画
查看>>
在PostgreSQL中,如何模拟Oracle的hint效果
查看>>
SQL Server索引 (原理、存储)聚集索引、非聚集索引、堆 <第一篇>
查看>>
PO 模块设定注意点
查看>>
会计基础6
查看>>