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. 手把手教你学node.js之使用 superagent 与 cheerio 完成简单爬虫

    使用 superagent 与 cheerio 完成简单爬虫 目标 建立一个 lesson 3 项目,在其中编写代码. 当在浏览器中访问 http://localhost:3000/ 时,输出 CNo ...

  2. 2017 Benelux Algorithm Programming Contest (BAPC 17) Solution

    A - Amsterdam Distance 题意:极坐标系,给出两个点,求最短距离 思路:只有两种方式,取min  第一种,先走到0点,再走到终点 第二种,走到同一半径,再走过去 #include ...

  3. Common Knowledge

    2014-08-23 11:01:11 -6:四面体 (1)内切球半径:r = 3V / (S1+S2+S3+S4) (2)体积:将四点组成三个向量AB,AC,AD,向量的混合积就是它们组成的平行六面 ...

  4. SQL 根据条件取不同列中的值来排序

    1  有时候排序比较复杂,比如:领导对工资在1000到2000元之间的员工更感兴趣,于是要求工资在这个范围内的员工排在前面,以便优先查看 对于这种要求我们可以在查询中新生成一列,用多列排序的方法处理代 ...

  5. 20145307陈俊达《网络对抗》Exp4 恶意代码分析

    20145307陈俊达<网络对抗>Exp4 恶意代码分析 基础问题回答 如果在工作中怀疑一台主机上有恶意代码,但只是猜想,所有想监控下系统一天天的到底在干些什么.请设计下你想监控的操作有哪 ...

  6. 小奇的糖果(candy)

    [题目背景]小奇不小心让糖果散落到了地上,它对着满地的彩色糖果胡思乱想.[问题描述]有 N 个彩色糖果在平面上. 小奇想在平面上取一条水平的线段,并拾起它上方或下方的所有糖果.求出最多能够拾起多少糖果 ...

  7. 【找不到符号】Maven打包找不到符号的问题排查

    当碰到maven错误:找不到符号问题时,通常第一反应应该是执行eclipse的Project -> Clean … -> Clean all projects,然后再执行maven cle ...

  8. [AHOI2008]上学路线

    题意:给定一个无向图,删除某些边有一定的代价,要求删掉使得最短路径减小,求最小代价. 首先要spfa求出起点到各个点的最短距离.对于一条权值为w,起点为i,终点为j的边,设dis[k]为起点到k点的距 ...

  9. html 入门2-表

    html  入门-列表 表格 表单 一.表标签 1,无序列表 ( ul:li ) 注意:代码排版必须要层次分明 2,有序列表 (ol:li) 3,自定义列表 (dl:li) 二．表格标签 1,tabl ...

  10. shell 脚本sed替换文件中某个字符串

    有些大文件,特别的大.有几百兆,甚至更大. 用文本编辑器打开十分的费劲,电脑都卡死了. 想替换其中的字符串,很麻烦. 这个时候有了shell,简直强大到爆炸! # du -h user.sql 304 ...