`

设置有iframe的页面根据窗口大小自动调整大小

阅读更多
有时页面会出现莫名的不能占满页面的情况
window.onload=function(){
	    var height=document.documentElement.clientHeight;
	    document.getElementById('left_area_id').style.height=height-2+"px";
	    document.getElementById('right_area_id').style.width=document.documentElement.clientWidth-266+"px";
	    document.getElementById('right_area_id').style.height=height-2+"px";//parentFrame
	     document.getElementById('parentFrame').style.height=height-2+"px";
	    window.onresize=function(){
	    	document.getElementById('right_area_id').style.width=document.documentElement.clientWidth-266+"px";
	    }
}

也要同时设置iframe的大小
分享到:
评论

相关推荐

    iframe自适应宽高

    这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...

    iframe-resizer:在页面链接,嵌套和多个iFrame中,支持大小相同的跨域iFrame,并支持窗口内容大小调整

    iFrame Resizer V4 通过该库,可以自动调整... 检测可能导致页面调整大小的事件(“窗口调整大小”,“ CSS动画和过渡”,“方向改变”和“鼠标”事件)。 通过在iFrame和主机页面之间简化了消息传递。 修复了iFrame中

    iframe-resizer-react:Iframe-Resizer的官方React界面

    检测可能导致页面调整大小的事件(“窗口调整大小”,“ CSS动画和过渡”,“方向改变”和“鼠标”事件)。 通过简化了iFrame和主机页面之间的消息传递。 修复了iFrame中的页面链接,并支持iFrame和父页面之间的...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -为ExtAspNet.Alert添加两个静态方法ShowInParent和GetShowInParentReference,用于在父页面弹出窗口。 +在aspx页面中必须显示的声明控件的集合属性(比如Tabs(TabStrip), Items(PanelBase), Nodes(TreeNode))。 ...

    《程序天下:JavaScript实例自学手册》光盘源码

    12.8 调整窗口的大小 12.9 打开的窗口居中 12.10 打开窗口的等待提示 12.11 在打开的窗口中返回数据 12.12 创建弹出窗口 12.13 不允许窗口出现滚动条 12.14 页面打开的同时打开另外两个窗口 12.15 慢慢变大的窗口 ...

    ExtAspNet_v2.3.2_dll

    -为ExtAspNet.Alert添加两个静态方法ShowInParent和GetShowInParentReference,用于在父页面弹出窗口。 +在aspx页面中必须显示的声明控件的集合属性(比如Tabs(TabStrip), Items(PanelBase), Nodes(TreeNode))。 ...

    程序天下:JavaScript实例自学手册

    12.8 调整窗口的大小 12.9 打开的窗口居中 12.10 打开窗口的等待提示 12.11 在打开的窗口中返回数据 12.12 创建弹出窗口 12.13 不允许窗口出现滚动条 12.14 页面打开的同时打开另外两个窗口 12.15 慢慢变大的窗口 ...

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

    IBM WebSphere Portal门户开发笔记01

    64、JS自动检测IFRAME内容高度并自动设置为IFRAME高度 338 65、JS MOVETO设置屏幕滚动到最底端或者最顶端 339 66、JS OBJECT方式设置浏览器最大化与最小化 339 67、边框标签FIELDSET 339 68、按钮与A标签的DISABLED...

    从入门到精通HTML5——PDF——网盘链接

     2.3.6 设置网页文字及语言 22  2.3.7 设置网页的定时跳转 23  2.3.8 设定有效期限 24  2.3.9 禁止从缓存中调用 24  2.3.10 删除过期的cookie 25  2.3.11 强制打开新窗口 25  2.3.12 设置网页的过渡效果 26 ...

    KODExplorer 芒果云-资源管理器

    - 修复添加收藏夹问题(已打开设置窗口再添加失败问题) - 修复树目录中文文件名bug - 优化pic图片幻灯片播放 - 优化新建文件&文件夹 清空选择状态 - 对话框组件 ie8 优化;tips不显示任务栏; - 优化地址栏过...

    DotNetTextBox所见即所得编辑器控件 v3.3.1

    2) 改进了自定义插件(弹出窗口)的功能,配置中仅需定义页面名称即可,控件会自动识别系统文件夹位置。 3) 优化部分代码。 4) 增加商业版的演示地址。 <br> 2007/8/15 Version 3.3.0 Free <br>...

    C#编程经验技巧宝典

    2 <br>0003 设置程序代码行序号 3 <br>0004 开发环境全屏显示 3 <br>0005 设置窗口的自动隐藏功能 3 <br>0006 根据需要创建所需解决方案 4 <br>0007 如何使用“验证的目标架构”功能 4 ...

    Vertical Tabs-crx插件

    -使用键盘快捷键切换侧边栏:Cmd + E(在PC上为Ctrl + E)(一旦形成相应的肌肉记忆,建议使用键盘快捷键)-侧边栏可调整大小。 -侧栏可以放在窗口的左侧或右侧。 新的! 更多功能即将到来! 如树状标签! 敬请关注...

    jQuery File Upload文件上传插件-其他

    可以使用支持所需JS API的浏览器在客户端上自动调整图像大小。 8、预览图像,音频和视频: 使用支持所需API的浏览器上载之前,可以显示图像,音频和视频文件的预览。 9、无需浏览器插件(例如Adobe Flash): 该实现...

    《javaScrip开发技术大全》源代码

    • sample04.htm 在同一个网页中使用不同脚本语言 • sample05.htm 判断浏览器对JavaScript版本的支持情况 • sample06.htm 引用外部JavaScript • sample07.htm 在同一个HTML文档...

Global site tag (gtag.js) - Google Analytics