iframe

不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能，可是 iframe的大小却不像层那样可以“伸缩自如”，所以带来了使用上的麻烦.一般通过百分比设置显示。（简单的java开发应用）

iframe的属性

属性 值 描述 DTD
align
  • left
  • right
  • top
  • middle
  • bottom

不赞成使用。请使用样式代替。

规定如何根据周围的元素来对齐此框架。

 TF
frameborder
  • 1
  • 0
 规定是否显示框架周围的边框。 TF
height
  • pixels
  • %
 规定 iframe 的高度。 TF
longdesc URL 规定一个页面，该页面包含了有关 iframe 的较长描述。 TF
marginheight pixels 定义 iframe 的顶部和底部的边距。 TF
marginwidth pixels 定义 iframe 的左侧和右侧的边距。 TF
name frame_name 规定 iframe 的名称。 TF
scrolling
  • yes
  • no
  • auto
 规定是否在 iframe 中显示滚动条。 TF
src URL 规定在 iframe 中显示的文档的 URL。 TF
width
  • pixels
  • %
 定义 iframe 的宽度。 TF

IFRAME的简单示例。用于java同一页面上下显示。

 <script type="text/javascript">

     //当触发该js方法，则会给iframe的src设置一个新的地址，iframe会自动请求该地址，并响应回新的页面，从而实现了看似同一页面的不同刷新

     function seach(){

         //获取用户名

         var sysUserName=$("#sysUserName").val().trim();

         var handle=$("#handle").val().trim();

         var startDate=$("#startDate").val().trim();

         var endDate=$("#endDate").val().trim();

         if(startDate.length==0&&endDate.length>0){

             alert("请选择起始时间");

             return ;

         }

         if(endDate.length==0&&startDate.length>0){

             alert("请选择终止时间");

             return ;

         }

         var url="<%=request.getContextPath()%>/master/sysLog_querySysLog.action?sysUserName="+sysUserName+"&handle="+handle+"&startDate="+startDate+"&endDate="+endDate;

         $("#myIframe").attr("src",url);

     }

 </script>

 </head>

 <body>

     <div class="place">

     <span>位置：</span>

     <ul class="placeul">

     <li><a href="#">日志</a></li>

     <li><a href="#">日志管理</a></li>

     </ul>

     </div>

     <div class="formbody">

          <div class="tools">

             <ul class="toolbar">

             <li class="click">

                  用户名：<input type="text" id="sysUserName" name="sysUserName" class="dfinput" style="width: 100px;"/>

             </li>

             <li class="click">

                 操作类型:

                 <select id="handle" name="handle">

                     <option value="">--请选择--</option>

                     <option value="1">添加</option>

                     <option value="2">删除</option>

                     <option value="3">修改</option>

                     <option value="4">登录</option>

                     <option value="6">导出/打印</option>

                 </select>

            </li>

            <li class="click">

                 起始时间：

                 <input type="text" id="startDate" class="dfinput" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'endDate\')||\'2020-10-01\'}'})" style="width: 130px;"/>

            </li>

            <li class="click">

                 终止时间：

                 <input type="text" id="endDate" class="dfinput" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'startDate\')}',maxDate:'2020-10-01'})" style="width: 130px;"/>

            </li>

             <li onclick="seach();"><span><img src="<%=request.getContextPath() %>/master/images/t04.png"></span>查询</li>

             </ul>

             </div>

    </div>

     <iframe  src="<%=request.getContextPath() %>/master/sysLog_querySysLog.action" scrolling="yes" id="myIframe" width="100%" height="90%" onload="iFrameHeight(this)"></iframe>

 </body>

 </html>

iframe相关知识的更多相关文章

  1. 【转载】前端面试“http全过程”将所有HTTP相关知识抛出来了...

    原文:前端面试“http全过程”将所有HTTP相关知识抛出来了... 来一篇串通,一个http全过程的问题,把所有HTTP相关知识点都带过一遍 http全过程 输入域名(url)-->DNS映射 ...

  2. HTML入门基础教程相关知识

    HTML入门基础教程 html是什么,什么是html通俗解答: html是hypertext markup language的缩写,即超文本标记语言.html是用于创建可从一个平台移植到另一平台的超文 ...

  3. web聊天相关知识

    http相关知识 http是无状态,请求,响应模式的通信模式,就是用户每次通过浏览器点击一下页面,都需要重新与web服务器建立一下连接,且发送自己的 session id 给服务器端以使服务器端验证此 ...

  4. web跨域及cookie相关知识总结

    原文:web跨域及cookie相关知识总结   之前对于跨域相关的知识一致都很零碎,正好现在的代码中用到了跨域相关的,现在来对这些知识做一个汇总整理,方便自己查看,说不定也可能对你有所帮助. 本篇主要 ...

  5. 【Python五篇慢慢弹（5）】类的继承案例解析，python相关知识延伸

    类的继承案例解析,python相关知识延伸 作者:白宁超 2016年10月10日22:36:57 摘要:继<快速上手学python>一文之后,笔者又将python官方文档认真学习下.官方给 ...

  6. 移动WEB像素相关知识

    了解移动web像素的知识,主要是为了切图时心中有数.本文主要围绕一个问题:怎样根据设备厂商提供的屏幕尺寸和物理像素得到我们切图需要的逻辑像素?围绕这个问题以iphone5为例讲解涉及到的web像素相关 ...

  7. listener监听器的相关知识

    从别人的博客上我学习了listener的相关知识现在分享给大家 1.概念: 监听器就是一个实现特定接口的普通java程序,这个程序专门用于监听另一个java对象的方法调用或属性改变,当被监听对象发生上 ...

  8. UIViewController相关知识

    title: UIViewController 相关知识date: 2015-12-13 11:50categories: IOS tags: UIViewController 小小程序猿我的博客:h ...

  9. 【转】java NIO 相关知识

    原文地址:http://www.iteye.com/magazines/132-Java-NIO Java NIO(New IO)是从Java 1.4版本开始引入的一个新的IO API,可以替代标准的 ...

随机推荐

  1. 系统管理命令之logname

    logname命令,可以显示自己初次登录到系统中的用户名,主要识别sudo前后情形,与whoami相反. 1.查看该命令的帮助信息. # logname --help 2.查看该命令的版本信息. # ...

  2. 系统管理命令之whoami

    whoami命令用于打印当前有效的用户名称,相当于执行id  --un命令. 1.显示该命令帮助信息: # whoami --help 2.显示该命令的版本信息: # whoami --version ...

  3. Spring—spring概述

    Spring框架的特点? 1:轻量级,一站式开发 2:易用,追求代码的最佳实现 3:Spring的内容: a:Ioc容器 b:AOP实现 c:数据访问支持(ORM框架/声明事务[Transaction ...

  4. VS2010/MFC编程入门之十三（对话框：属性页对话框及相关类的介绍）

    前面讲了模态对话框和非模态对话框,本节开始鸡啄米讲一种特殊的对话框--属性页对话框.另外,本套教程所讲大部分对VC++各个版本均可适用或者稍作修改即可,但考虑到终究还是基于VS2010版本的,所以将& ...

  5. Codeforces Round #530 (Div. 2) Solution

    A. Snowball 签. #include <bits/stdc++.h> using namespace std; ], d[]; int main() { while (scanf ...

  6. python 手动遍历迭代器

    想遍历一个可迭代对象中的所有元素,但是却不想使用for 循环 为了手动的遍历可迭代对象,使用next() 函数并在代码中捕获StopIteration 异常.比如,下面的例子手动读取一个文件中的所有行 ...

  7. ubuntu14.04 安装mono

    sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys 3FA7E0328081BFF6A14DA29AA6A19B38D3D831 ...

  8. 实验三 敏捷开发与XP实践20145204和20145236

    实验三 敏捷开发与XP实践20145204和20145236 实验名称 敏捷开发与XP实践 实验内容 XP基础 XP核心实践 学会使用git 学会代码的重构 实现团队合作 团队分工 20145204: ...

  9. HDU 2457 DNA repair（AC自动机+DP）题解

    题意:给你几个模式串,问你主串最少改几个字符能够使主串不包含模式串 思路:从昨天中午开始研究,研究到现在终于看懂了.既然是多模匹配,我们是要用到AC自动机的.我们把主串放到AC自动机上跑,并保证不出现 ...

  10. python 获取复数的实部虚部

    #Initialize a complex number cn = complex(,) print("Complex Number: ",cn) print("Comp ...