`
shuai1234
  • 浏览: 971771 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

框架自适应高度实例

阅读更多
<html> 
<div   id="div111"   align="center">
<IFRAME   id="frm"   style="WIDTH:   100%"   border="0"   name="List"   arginWidth="0" 
  frameSpacing="0"   marginHeight="0"   src="test2.html"   frameBorder="0" 
    noResize   width="100%"   scrolling="no"   height="100%"   vspale="0"   align="middle">
    
    </IFRAME>   
  </div>   
 
</html>

 index.html

 

<html> <body> 
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   
<br>aaaaaaaaaaaaaaaaaaaaa   




<script src="jquery-1.2.6.js" type="text/javascript"></script>   
    <script type="text/javascript">   
        $(function() {   
            setFrmHeight();   
        });   
        function setFrmHeight() {   
            var frm = $(window.parent.document).find("#frm");   
            var height = $(document).height();  
		//alert(height); 
            frm.height(height);   
        }   
    </script>  
 </body>  
 
</html>

 test2.html

分享到:
评论

相关推荐

    框架自适应高度实例(动态调节框架高度)

    在网页设计和开发中,框架...总结,框架自适应高度实例的核心是利用JavaScript和CSS来创建一个能动态调整自身高度的布局,以适应内容的变化。通过理解和掌握这一技术,开发者可以创建更加灵活和用户友好的网页界面。

    ios-键盘高度自适应.zip

    在iOS开发中,处理键盘高度自适应是一项常见的需求,特别是在设计具有输入框的界面时,为了提供良好的用户体验,我们需要确保键盘弹出时,输入框不会被遮挡。"ios-键盘高度自适应.zip"这个压缩包文件很可能包含了...

    VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法

    为了实现自适应高度,你需要在el-table元素上定义height属性。例如: ```html :data="tableData" height="250" border style="width:100%"&gt; &lt;!-- 列定义 --&gt; ``` 在这个例子中,`height="250"`是固定高度的...

    JS实现iframe自适应高度的方法示例

    本文实例讲述了JS实现iframe自适应高度的方法。分享给大家供大家参考,具体如下: &lt;iframe id="mainFrame" name="mainFrame" src="/zwgk/hsearchview" width="740" frameborder="0" scrolling="no" scrolling=...

    swift-Cell嵌套UICollectionView自动布局获取高度示例

    在iOS应用开发中,Swift语言提供了丰富的UI框架,其中之一就是UICollectionView。这个强大的控件允许我们创建复杂的、可自定义的网格布局,适用于展示各种类型的数据。在这个“swift-Cell嵌套UICollectionView自动...

    .net 三层+Wcf框架(自适应Oracle,Mysql,SqlServer三种数据库,完整实例)

    本实例中,该框架能够自适应Oracle、MySQL和SQL Server三种不同的数据库系统,这展示了其高度的灵活性和可扩展性。 三层架构,也称为N层架构,主要分为表现层(UI)、业务逻辑层(BLL)和数据访问层(DAL)。这种...

    IFRAME自适应

    然而,在实际应用中,我们往往希望IFRAME能根据内容或容器的尺寸动态调整大小,这就涉及到自适应高度的处理。 1. **自适应高度的策略**: - **CSS Flexbox**:使用CSS的Flexbox布局可以轻松地让IFRAME高度自适应。...

    vue+elementUI 实现内容区域高度自适应的示例

    `defaultHeight`是我们在Vue实例的数据对象中定义的一个属性,它的值是一个对象,用于存储高度信息。 在示例中,`defaultHeight`对象的`height`属性被用来设置`&lt;el-main&gt;`元素的高度。高度值是通过JavaScript获取...

    Vue 自适应高度表格的实现方法

    在本篇文章中,我们将探讨如何在Vue中实现自适应高度的表格,尤其是在使用Element UI库的情况下。Element UI 是一个基于 Vue 的组件库,它包含了许多实用的UI组件,如表格(el-table),方便开发者快速构建企业级...

    基于layui轮播图满屏是高度自适应的解决方法

    本文将详细介绍如何使用layui框架来实现轮播图的满屏高度自适应。 首先,了解layui框架的基础知识。layui是一个前端UI框架,它提供了丰富而美观的组件,其中就包括了轮播图(carousel)。使用layui的轮播图组件能够...

    iOS YYLabel计算富文本高度

    YYLabel基于CoreText框架,它可以处理复杂的文本样式,包括但不限于字体、颜色、下划线、删除线、行间距、段落样式等。不仅如此,YYLabel还支持自动换行、点击事件处理以及动画效果,使得其在UI设计中应用广泛。 ...

    封装表格高度自适应并表格自动滚动

    本话题将深入探讨如何利用自定义指令在Element UI框架中实现表格高度自适应和自动滚动功能,为用户提供更加流畅的操作体验。 Element UI 是一套基于 Vue.js 的开源组件库,提供了丰富的 UI 组件,其中包括表格组件...

    PHP实例开发源码—CMS HTML5自适应模板.zip

    在本资源"PHP实例开发源码—CMS HTML5自适应模板.zip"中,我们主要探讨的是基于PHP语言构建的一个内容管理系统(CMS)的源代码,它采用了HTML5技术以实现跨平台的自适应布局。这样的设计使得网站在不同设备如桌面、...

    jQuery实现布局高宽自适应的简单实例

    在页面布局(layout)时经常是上左右的框架布局并且需要宽、高度的自适应,div+css是无法实现(*hegz: div+css其实是可以实现的,利用jQuery比较容易实现浏览器的兼容性),所以需要js来辅助。 主要通过 jQuery....

    jquery自适应布局的简单实例

    在给定的文件内容中,涉及到使用jQuery实现自适应布局的一个简单实例。在开始介绍这个实例之前,首先了解一些基础知识。 ### jQuery基础 jQuery是一个快速、小型且功能丰富的JavaScript库,它通过简化HTML文档遍历...

    vuewaterfall2基于Vuejs瀑布流组件宽高自适应滚动加载

    Vuewaterfall2是一款基于Vue.js框架的瀑布流组件,它主要设计用于实现宽高自适应的瀑布流布局,同时支持PC和移动设备。这个组件的一大特点是它的滚动加载功能,能够根据用户滚动页面的行为动态加载更多内容,从而...

    Bootstrap-html渐变顶部固定自适应导航栏

    总结起来,"Bootstrap-html渐变顶部固定自适应导航栏"是一个结合了Bootstrap的导航栏功能、CSS渐变技巧以及响应式设计的实例,它能够帮助开发者创建出既美观又实用的网页头部导航。通过学习和实践这个示例,你将更好...

    PHP实例开发源码—html5手机自适应企业网站源码 php版.zip

    该压缩包文件“PHP实例开发源码—html5手机自适应企业网站源码 php版.zip”包含了一个基于PHP和HTML5技术的企业级网站的源代码,适用于开发自适应的手机和桌面端网页。这个源码提供了构建现代企业网站的基础框架,...

    HTML 使用浮动框架.doc

    在这个例子中,一个名为`myframe`的浮动框架被创建,它将加载`csmzxy.html`网页,并且居中显示,无边框,自适应滚动条。 2. 综合实例: 除了基础的浮动框架应用,还可以结合CSS进行更复杂的布局。例如,创建一个...

    layer.open弹层查看缩略图的原图,自适应大小的实例

    在上述实例中,`type: 1` 表示我们要打开一个页面层,`closeBtn: 1` 指定了关闭按钮的存在,`shade: false` 表示不显示遮罩,`title: false` 不显示标题,`shadeClose: false` 禁止点击遮罩关闭弹层,`area: ['auto'...

Global site tag (gtag.js) - Google Analytics