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. Putty出现 Network error:Software caused connection abort

    使用centos7.5 用Putty连接使用没多久就会出现 Network error:Software caused connection abort #修改sshd配置文件.修改3项配置即可 vi ...

  2. Python3.x：免费代理ip的批量获取并入库

    Python3.x:免费代理ip的批量获取并入库 一.简介 网络爬虫的世界,向来都是一场精彩的攻防战.现在许多网站的反爬虫机制在不断的完善,其中最令人头疼的,莫过于直接封锁你的ip.但是道高一尺魔高一 ...

  3. 20145106 《Java程序设计》第5周学习总结

    教材学习内容总结 个人认为本周的学习在很大程度上是作为之前学习内容的补充.之前编译的程序相信所有人都会失败过,error算是我程序的老主顾了. 第八章名为"异常处理".本章中,我们 ...

  4. Linux内核分析第五周 扒开系统调用的三层皮（下） （20135304 刘世鹏）

    作者:刘世鹏20135304  <Linux内核分析>MOOC课程http://mooc.study.163.com/course/USTC-1000029000 一.给MenuOS增加t ...

  5. HBase参数优化

    zookeeper.session.timeout默认值:3分钟(180000ms)说明:RegionServer与Zookeeper间的连接超时时间.当超时时间到后,ReigonServer会被Zo ...

  6. CentOS7.2 安装RabbitMQ3.6.10

    CentOS上面使用yum安装比较方便 先记录一些rabbitmq的基本操作命令: $ sudo chkconfig rabbitmq-server on # 添加开机启动RabbitMQ服务 $ s ...

  7. Docker：Err http://archive.ubuntu.com trusty InRelease & E: Unable to locate package [name] 问题

    参考: Docker containers can't resolve DNS on Ubuntu 14.04 Desktop Host Unable to locate package错误解决办法 ...

  8. Tinkoff Challenge - Elimination Round D. Presents in Bankopolis（区间DP）

    http://codeforces.com/contest/793/problem/D 题意:给出一些点和他们之间的距离,是有向的,这些点从1~n顺序排列,现在选出k个点组成一条路径,使他们之间的距离 ...

  9. ZOJ 1276 Optimal Array Multiplication Sequence（矩阵连乘）

    http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=1276 裸的矩阵连乘问题. #include<iostream> ...

  10. php 获取某个日期n天之后的日期

    <?php $date=date_create("2013-03-15"); date_add($date,date_interval_create_from_date_st ...