当前位置:文档之家› 2019年Iframe框架自动适应高度示例详解

2019年Iframe框架自动适应高度示例详解

2019年Iframe框架自动适应高度示例详解
2019年Iframe框架自动适应高度示例详解

Iframe框架自动适应高度示例详解

2009年06月10日星期三 13:30

iframe框架可以动态加载网页,并能嵌入到当前页面中,实现页面嵌套的功能。前几天做一个网页功能时需要用到自动调整Iframe框架的大小,找了资料才找到了答案。下面先来看下实现的代码:

【实现代码】

在这里有两个页面,第一个页面是,iframe框架就在这个页面里,实现代码如下所示:

第二个页面是,它会自动调整子页的大小,实现代码如下所示:

IframeAutoHeight

学了Java有什么用、有什么好处?


1、作用:

1)我们的目标是把学员培养成为企业需要的、能够胜任工作的、可以直接上手的JAVA软件工程师和JAVA软件高级工程师。

一种基于双精度搜索算法的变论域模糊控制

Computer Engineering and Applications 计算机工程与应用 2015,51(19)1引言相对于传统控制方式,模糊控制(FC )凭借其不需对象模型、鲁棒性强、实时性好等优点广泛用于非线性、时变滞后系统中。然而模糊控制器实质上是插值器,插值精度与模糊规则数量紧密相关,提高精度必然以扩大规模为代价,导致其控制精度存在一定局限性[1]。变论 域模糊控制器(VUFC )不仅可以综合专家知识,而且在不增加规则数量的情况下,论域随误差变小而收缩并随误差增大而扩展,从一定程度上解决了控制精度和控制复杂度的矛盾[2]。理论上分析,VUFC 的决策速度与精一种基于双精度搜索算法的变论域模糊控制 刘培奇,田洋,孙阳阳 LIU Peiqi,TIAN Yang,SUN Yangyang 西安建筑科技大学信息与控制工程学院,西安710055 College of Information &Control Engineering,Xi ’an University of Architecture &Technology,Xi ’an 710055,China LIU Peiqi,TIAN Yang,SUN Yangyang.Variable universe fuzzy control based on double precision search https://www.doczj.com/doc/d88596462.html,puter Engineering and Applications,2015,51(19):260-264. Abstract :Aiming at the low accuracy and poor adaptation of variable universe fuzzy control,and when the control function is inherited to the offspring,there usually exists some distortion which lead to the error of the algorithms.A variable-universe fuzzy control method based on double precision search algorithm is put forward.With the global optimal solution of basic gravitational search algorithm,sequential quadratic programming is employed as a local search method to avoid being trapped into local optimum.This paper presents a double precision search algorithm with “global-local ”dual search mech-anism.Then the method adjusts the universe by the contraction-expansion factor and geometric proportional factors based on variable universe fuzzy control,and optimizes the parameters through double precision search algorithms to reduce the distortion of control function in the control process and improves the control https://www.doczj.com/doc/d88596462.html,parative experiments show that the stability of DPSA is prominent in the parameter optimization.The controller results in desirable convergence speed.The accuracy and effect are even better than those of other control ways. Key words :variable universe fuzzy control;double-precision search algorithm;contraction-expansion factor;geometric proportional factors 摘要:针对定式变论域模糊控制精度不高,自适应能力有限,控制函数在遗传到后代时存在畸变而造成算法本身误差等问题,设计了一种基于双精度搜索算法的变论域模糊控制器。在基本万有引力算法全局搜索的同时,采用序列二次规划进行局部搜索避免算法陷入局部最优,提出具有“全局-局部”双重搜索机制的双精度搜索算法。在变论域模糊控制基础上提出了一种利用伸缩因子、等比因子相互协调来调整论域的构想,且通过双精度搜索算法来寻优参数,降低控制过程中的函数畸变,从而进一步改善控制器性能。对比实验表明DPSA 在参数寻优中稳定性突出,控制器不但收敛速度快,且与其他控制方式相比,其精度和效果都有所提高。 关键词:变论域模糊控制;双精度搜索算法;伸缩因子;等比因子 文献标志码:A 中图分类号:TP273doi :10.3778/j.issn.1002-8331.1309-0211 基金项目:国家自然科学基金(No.51178373);陕西省教育厅自然科学计划项目(No.12JK0743)。 作者简介:刘培奇(1959—),男,博士,副教授,硕导,研究领域为人工智能,数据挖掘,计算机网络应用;田洋(1987—),女,硕士研 究生,研究领域为智能控制;孙阳阳(1987—),男,硕士研究生,研究领域为智能控制,先进控制在工业控制中的应用。E-mail :peiqiliu@https://www.doczj.com/doc/d88596462.html, 收稿日期:2013-09-16修回日期:2014-01-16文章编号:1002-8331(2015)19-0260-05 CNKI 网络优先出版:2014-02-24,https://www.doczj.com/doc/d88596462.html,/kcms/doi/10.3778/j.issn.1002-8331.1309-0211.html 260

CSS表单设计

CSS表单设计 文章出处:https://www.doczj.com/doc/d88596462.html, 今天我们开始学习《十天学会web标准(div+css)》的css表单设计,包含以下内容和知识点: 改变文本框和文本域样式 用图片美化按钮 改变下拉列表样式 用label标签提升用户体验 一、改变文本框和文本域样式 如果前边几章学习的比较扎实的话,本节教程就相当容易了。下边先说一下文本框,文本框和文本域都是可以用css进行美化的。比如改变边框精细,颜色,添加背景色、背景图像等。请看下边的实例: .text1 { border:1px solid #f60; color:#03C;} .text2 { border:2px solid #390; width:200px; height:24px; font-size:16px; font-weight:bold; line-height:1.6;} .text3 { border:2px solid #C3C; height:20px; background:url(icon9.gif) right 3px no-repeat;} .text4 { border:2px solid #F60; width:150px; height:29px;font-size:16px; line-height:1.6; background:url(bg_9.gif) 0 0 no-repeat;} 这四个样式表分别对应第2、3、4、5行表单,第一行是文本框的默认样式;第二行为设置边框和字体颜色的样式;第三行为设置边框、宽度、高度、字体大小、行高的样式;第四行设置边框和增加背景色和背景图片;第五行为增加一个gif动画的背景图片,看起来是不是生动许多,具体步骤不再赘述。下面我们看一下文本域的样式设置: .area { border:1px solid #F90; overflow:auto; background:#fff url(bg_9_1.gif) right bottom no-repeat; width:99%; height:100px;} 上图中第一个为默认的文本域样式,第二个为设置边框、宽度为百分比、高度和景图片。overflow:auto定义当内容不超过现在文本域高度时不出现滚动条。好了,下面运行一下代码看看两者的效果吧

一种基于变论域的模糊控制器的设计及仿真研究

一种基于变论域的模糊控制器的设计及仿真研究 针对常规PID控制和常规模糊控制的缺陷,文章设计了一种基于可变论域的模糊控制器.并针对带有纯滞后的二阶控制系统给出了MATLAB实验仿真结果,仿真结果表明,对于带有纯滞后的系统,变论域模糊控制器能够很好地改善纯滞后系统的缺点,与常规PID控制和常规的模糊控制器相比,其具有响应速度快、无超调、无振荡以及控制精度更高的优点,具有较强的应用前景. 标签:PID控制;模糊控制器;变论域;仿真 传统的PID控制算法具有算法简单、控制精度高、可靠性强,适用于可建立精确数学模型的确定性控制系统[1],传统的模糊控制器对论域的模糊划分就显得较为粗糙,需要通过适当的增加量化级数,以要提高控制精度,但会造成模糊规则进行搜索范围的扩大,降低了整体的决策速度,难以实现实时控制[2-4],可变论域是指模糊控制中输入变量的论域为可变的,用作为调节因子对输入变量的论域进行调整。 文章基于论域可变的思想,设计了一种基于可变论域的模糊控制器,在模糊控制规则不变的情况下,模糊化论域随输入进行相应的收缩或扩展,论域收缩能增加模糊语言的变量值和控制规则,并获得与增加模糊子集一致的控制效果,使控制精度提高。 1 模糊控制 1.1 模糊控制基本原理 模糊控制系統的基本结构框图如图1所示,由模糊控制器、输入/输出通道、广义对象和传感器组成[5]。 模糊控制器的组成结构如图2所示,为了精确控制被控对象,需要对模糊量u进行转化得到精确的控制量,即图2中采用的非模糊化处理,得到精确控制量后,经DA转换变为模拟量传送至执行机构对被控对象进行进一步控制。 1.2 模糊控制器的设计步骤 模糊控制器的设计主要包括如下几个步骤: (1)确定控制结构,确定控制器的输入变量E、EC与输出变量U及对应的变化范围和要求的控制精度,建立物理模型,确定控制器结构。 (2)模糊化方法的选择与确定。将实际输入变量的值变换成模糊语言变量的语言值,不同语言值对应相应的模糊子集,选用隶属函数确定输入变量的值相应的隶属度。

让iframe自适应大小 解决方案

让iframe自适应大小解决方案 第一种: 2,创建iframe.html 页面,里面含有一些内容。 这是iframe页面,通过在父窗口页面或子页面添加JS来自动更改宽高,以适应内容的多少。 要想使iframe自动适应宽和高,可以在test.html 页面iframe onload处增加一些JS代码。如: 这样iframe即可以自动适应高度了。如果不在onload处增加js,那也可以放到页面上来调用。比如写个函数。 这样也可以达到自适应高宽的目的,在这里要注意的是,iframeElement参数必须是 document.getElementById("iframeid"),iframeWindow参数是window.frames[0] 或 document.frames["ifrname"]。这是因为通过name得到的对象是窗口(window)对象,非窗口里的iframe 对象。同时document.getElementById("iframeid)不能像window对象可以得到window.document。 所以这里最好给iframe分别加上name和id,id用来更改宽高样式属性,name用来执行window相关事件如location.href,document.write。bgColor例外,元素对象和窗口对象都可以得到,这是因为他们都有这个属性。

fancyBox中文文档(教程) (1)

fancyBox 中文文档 fancyBox 为您的网页提供惊艳的缩放功能,同时支持图片、网页内容以及各种多媒体文件。 她基于目前最流行的jQuery 框架开发,不仅易于应用,而且可以定制。欢迎来到fancyBox 的世界~ ?更新日志 ?快速入门 ?常见用法 ?官方演示 ?使用许可&下载地址 ?完整API ?常见问题 更新日志 重大变更 ?可扩展的幻灯片导航工具 ?响应式(调整浏览器窗口大小时自适应窗口大小) ?集成幻灯片图片播放功能

?新增幻灯片过渡效果 ?引入CSS3阴影、圆角特效 ?新的插件选项(与之前版本不兼容) ?改用知识共享署名-非商业性使用3.0许可协议授权 即将上线 ?WordPress小插件 ?重构本站及API文档 ?完善缩略图浏览工具 ?fancyBox 手机版(待定) ?fancyBox 3.0 ↑回顶部 快速入门 1. 下载fancyBox,解压后根据需要将文件复制到网页文件夹中(建议不要更 改目录结构),并在网页源码中引入相应的css 样式和js 文件(如果更改了目录结构,引入的时候请调整相应代码,对应它们所在的路径)。 注意:别忘了还要先加载jQuery 库!推荐使用公共库:百度 | 新浪。示例代码: < !-- 引入 mousewheel 插件(可选,如果想通过鼠标滚轮控制图片播放则必须) --> 2. 给触发fancyBox 特效的元素(如一张缩略图或“点击我”三个字)加上a 链接,并将其href 属性值设置为遮罩层中需要展示的文件的链接(如刚刚那张缩略图的原图的网址)。示例代码: 3. 使页面加载完毕时初始化fancybox() 函数。如果你不懂jQuery但英语还行,请看官方推荐的新手教程。英语不好肿么办?请点右上角的红叉...因为暂时找不到中文版的帮助文档。示例代码:

iframe的详细用法

iframe的详细用法 IFRAME 元素| iframe 对象 -------------------------------------------------------------------------------- 创建内嵌浮动框架。 成员表 下面的表格列出了iframe 对象引出的成员。请单击左侧的标签来选择你想要查看的成员类型。 标签属性/属性 SHOW: 标签属性/属性 行为 集合 事件 滤镜 方法 对象 样式 标签属性属性描述 ALIGN align 设置或获取表格排列。 ALLOWTRANSPARENCY allowTransparency 设置或获取对象是否可为透明。APPLICATION APPLICATION 表明对象的内容是否为HTML 应用程序(HTA),以便免除浏览器安全模式。 ATOMICSELECTION 指定元素及其内容是否可以一不可见单位统一选择。 BEGIN begin 设置或获取时间线在该元素上播放前的延迟时间。 BORDER border 设置或获取框架间的空间,包括3D 边框。 canHaveChildren 获取表明对象是否可以包含子对象的值。 canHaveHTML 获取表明对象是否可以包含丰富的HTML 标签的值。 CLASS className 设置或获取对象的类。 contentWindow 获取指定的frame 或iframe 的window 对象。 DATAFLD dataFld 设置或获取由dataSrc 属性指定的绑定到指定对象的给定数据源的字段。 DATASRC dataSrc 设置或获取用于数据绑定的数据源。 disabled 获取表明用户是否可与该对象交互的值。 END end 设置或获取表明元素结束时间的值,或者元素设置为重复的简单持续终止时间。firstChild 获取对象的childNodes 集合的第一个子对象的引用。

html5,布局,模板

竭诚为您提供优质文档/双击可除 html5,布局,模板 篇一:干货!全新的免费html5网页模版 干货!全新的免费html5网页模版 目前互联网上存在很多专业的高质量html5模版,并且是免费的,如果你熟悉编程的话,只需要研究一下它们的代码就可以学到很多便捷的操作和新的技术。在今天的文章当中我不是列出一长串可用模版的列表,而是精挑细选出高质量的响应式html5模版。更重要的是,它们都是免费的,所以我希望能有几个模版能满足的你的需求,能够运用于你的项目当中。 codester legend legend是一个基于twitterbootstrap的多功能响应式 单页模版。你可以用它来制作一个登录页,或者说是创意设计人员的线上作品展示网站,甚至于是构建一个商务主题站。 caprice liquidgem liquidgem利用css媒体查询和百分比布局给出了一个

完整的响应式设计。它还包括一个图片幻灯,一套完整的php 联系表单和一个工作示例页面。 mnml 一个轻量级的模版,用于html5/scss的响应式项目。 Varna 免费,开源,极简的响应式网站模版。 agency agency是基于twitterbootstrap建立的响应式html5商务模版。 century 拥有工作分类和音乐播放器的响应式html5模版。 mori-dark 极其简约的响应式博客模板。 篇二:html5网站布局 不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是iframe 的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,让我来告诉大家一种iframe动态调整高度的方法,主要是以下js函数: 一、程序代码 functionsetwinheight(obj)

html特效代码大全精美免费下载

html特效代码大全精美免费下载.txt每天早上起床都要看一遍“福布斯”富翁排行榜,如果上面没有我的名字,我就去上班。谈钱不伤感情,谈感情最他妈伤钱。我诅咒你一辈子买方便面没有调料包。 HTML代码大全免费下载 HTML特效代码1。忽视右键 或 2。加入背景音乐 IE: NS: *.mid你的背景音乐的midi格式文件 3。简单的window.open方法 文字或图片 参数解释: js脚本结束 4。简单的页面加密