iframe相关知识

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同一页面上下显示。

 1 <script type="text/javascript">
 2
 3
 4     //当触发该js方法,则会给iframe的src设置一个新的地址,iframe会自动请求该地址,并响应回新的页面,从而实现了看似同一页面的不同刷新
 5     function seach(){
 6         //获取用户名
 7         var sysUserName=$("#sysUserName").val().trim();
 8         var handle=$("#handle").val().trim();
 9         var startDate=$("#startDate").val().trim();
10         var endDate=$("#endDate").val().trim();
11
12         if(startDate.length==0&&endDate.length>0){
13             alert("请选择起始时间");
14             return ;
15         }
16
17         if(endDate.length==0&&startDate.length>0){
18             alert("请选择终止时间");
19             return ;
20         }
21
22         var url="<%=request.getContextPath()%>/master/sysLog_querySysLog.action?sysUserName="+sysUserName+"&handle="+handle+"&startDate="+startDate+"&endDate="+endDate;
23
24         $("#myIframe").attr("src",url);
25
26     }
27 </script>
28
29 </head>
30 <body>
31     <div class="place">
32     <span>位置:</span>
33     <ul class="placeul">
34     <li><a href="#">日志</a></li>
35     <li><a href="#">日志管理</a></li>
36     </ul>
37     </div>
38
39     <div class="formbody">
40          <div class="tools">
41             <ul class="toolbar">
42             <li class="click">
43                  用户名:<input type="text" id="sysUserName" name="sysUserName" class="dfinput" style="width: 100px;"/>
44             </li>
45             <li class="click">
46                 操作类型:
47                 <select id="handle" name="handle">
48                     <option value="">--请选择--</option>
49                     <option value="1">添加</option>
50                     <option value="2">删除</option>
51                     <option value="3">修改</option>
52                     <option value="4">登录</option>
53                     <option value="6">导出/打印</option>
54                 </select>
55            </li>
56            <li class="click">
57                 起始时间:
58                 <input type="text" id="startDate" class="dfinput" onfocus="WdatePicker({maxDate:‘#F{$dp.$D(\‘endDate\‘)||\‘2020-10-01\‘}‘})" style="width: 130px;"/>
59            </li>
60            <li class="click">
61                 终止时间:
62                 <input type="text" id="endDate" class="dfinput" onfocus="WdatePicker({minDate:‘#F{$dp.$D(\‘startDate\‘)}‘,maxDate:‘2020-10-01‘})" style="width: 130px;"/>
63            </li>
64
65             <li onclick="seach();"><span><img src="<%=request.getContextPath() %>/master/images/t04.png"></span>查询</li>
66
67             </ul>
68             </div>
69
70    </div>
71     <iframe  src="<%=request.getContextPath() %>/master/sysLog_querySysLog.action" scrolling="yes" id="myIframe" width="100%" height="90%" onload="iFrameHeight(this)"></iframe>
72 </body>
73 </html>

时间: 09-23

iframe相关知识的相关文章

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

原文:前端面试“http全过程”将所有HTTP相关知识抛出来了... 来一篇串通,一个http全过程的问题,把所有HTTP相关知识点都带过一遍 http全过程 输入域名(url)-->DNS映射为IP-->TCP三次握手-->HTTP请求-->HTTP响应-->(浏览器跟踪重定向地址)-->服务器处理请求-->服务器返回一个html响应-->(视情况决定释放TCP连接)-->客户端解析HTML-->获取嵌入在HTML中的对象重新发起http请求

web聊天相关知识

http相关知识 http是无状态,请求,响应模式的通信模式,就是用户每次通过浏览器点击一下页面,都需要重新与web服务器建立一下连接,且发送自己的 session id 给服务器端以使服务器端验证此用户的身份.客户端若想从web服务器上获取数据,必须主动发起一个请求,然后接收服务器端的返回,服务器端不会主动向客户端推送消息. 基于传统的web服务器只会被动响应客户端请求的这个特性,想实现web实时聊天的需求,有以下几个方式:   轮询(polling) 轮询,客户端向服务器发出请求以获取一些数

HTML入门基础教程相关知识

HTML入门基础教程 html是什么,什么是html通俗解答: html是hypertext markup language的缩写,即超文本标记语言.html是用于创建可从一个平台移植到另一平台的超文本文档的一种简单标记语言,经常用来创建web页面.html文件是带有格式标识符和超文本链接的内嵌代码的ascii 文本文件——html结构了解. html文本是由 html命令组成的描述性文本,html 命令可以说明文字. 图形.动画.声音.表格.链接等. html网页结构包括头部 (head).主

python的list相关知识

关于list的相关知识 list01 = ['alex',12,65,'xiaodong',100,'chen',5] list02 = [67,7,'jinjiao_dawang','relax1949',53] #打印list01.list02 print(list01) print(list02) #列表截取.切片 print(list01[1]) print(list01[-2]) print(list01[1:3]) #列表重复 print(list01 * 3) #列表组合 prin

三层交换机相关知识

三层交换机相关知识 这次的作死之路又要开始了.这次的对象主要是交换机:还是三层的: 这是这次实验的总体用图: 现在现根据图上的标志:将所有的主机配置好:目前没有做任何vlan:所以PC1和PC3是能够互通的: 接下来:我想先去探索下三层交换机关闭portswitch会怎么样: 第一步:先关闭了再说: 因为按照图中的设计:PC1的帧如果想要到达PC2,那么就必然要经过LSW1.但是现在我关闭了g0/0/1端口的portswitch:现在pc1并不能ping通pc2: 通过百度:三层交换机的端口不仅

php学习day7--函数的相关知识

今天我们主要学了函数的相关知识,是个比较基础的知识,但也是很重要的. 一.函数 函数就类似于一个工具,我们写好函数之后可以直接进行调用,可以很大的减少代码的从用性,提高页面性能和可读性. 1.函数的定义 在php中函数的定义方式为: function  name($形参1,$形参2.....){ 要执行的代码 return  123: } 在上方的函数定义式中,name代表函数名,小括号内是形参,是用来传递参数,花括号中的就是调用时需要执行的代码. 函数的调用方式: name(实参1,实参2,.

svn常规操作与相关知识

Svn常规操作与相关知识 一.何谓版本控制 它是一种软件工程籍以在开发的过程中,确保由不同人所编辑的同一档案都得到更新,它透过文档控制记录程序各个模块的改动,并为每次改动编上序号,并且编辑错误之后还可以回溯到以前的版本 二.可供我们选择的版本控制系统 1.VCS  (本地版本控制) 2.VSS.CVS(集中版本控制) 3.ClearCase.SVN.Perforce.TFS(集中版本控制) 4.Mercurial(水银/水星).Git(分布式版本控制) 差异: 1.Git和其他版本控制系统的主要

黑马程序员---Objective-C基础学习---类、对象、方法相关知识笔记

------Java培训.Android培训.iOS培训..Net培训.期待与您交流! ------- 类.对象.方法相关知识笔记 Objective-C相对于C语言有了面向对象的特性,但是ObjC又没有其他面向对象语言那么多语法特性,ObjC本身对面向对象进行了精简.下面是一些相关知识笔记. 类定义 成员变量 方法和属性 self关键字 类定义 在C#.Java等其他高级语言中定义一个类是相当简单点的,直接一个关键字class加一对大括号基本就完成了,但是在ObjC中类的定义相对变化比较大.现

深入浅出安卓学习相关知识,如何从零学好移动开发

原文发表自我的个人主页,欢迎大家访问 http://purplesword.info/mobile-develop 由于近几年来互联网的飞速发展,安卓和iOS平台的大量普及推广,移动开发在当前是非常热门的一个方向. 有不少同学问我如何学习安卓,要学些什么,难不难学.之前一直没有想好应该怎么回答这个问题,只是简单的说安卓自身门槛不高,并不难学.因为我觉得准确回答一个类似这样的问题往往需要灵感.现在根据我的学习体验,做个大概的总结. 1.我为什么学安卓 我从刚开始接触安卓开发到现在也有两三年的时间了