笔记之框架.doc

上传人:sk****8 文档编号:3514812 上传时间:2019-06-01 格式:DOC 页数:2 大小:42.50KB
下载 相关 举报
笔记之框架.doc_第1页
第1页 / 共2页
笔记之框架.doc_第2页
第2页 / 共2页
亲,该文档总共2页,全部预览完了,如果喜欢就下载吧!
资源描述

1、HTML中框架的使用框架应用:使用框架,可以在一个 html页面中去关联多个其他页面。用途广泛:(1) web后台管理系统,B/S 模式(浏览器/服务器)应用系统,多用框架系统。Ps:公共区域(head 区、foot 区、左侧功能区) ,变化的是右侧,使用框架(2) web显示平台,会在局部使用框架ps:公共区域(head 区、foot 区、侧边边栏的公共栏目等)使用框架HTML中框架集应用时需求:后台管理系统或者 B/S模式的应用系统(1) 全屏效果(2) 适用性:适用不同的显示器分辨率;适用不同的浏览器宽度:100%百分比的形式设置高度:js 动态控制框架内容框架:框架就是将多个页面放在一

2、起得到一个页面效果,有框架集和浮动框架两种方式实现。框架结构标签:(1)frameset、frame 框架集,可以把浏览器屏幕(默认是单窗口)呈现多窗口效果。frameset:双标记标签frame: 单标记标签 引入外部其他页面(2)iframe 双标记标签 浮动框架 相比于框架集,用的比较多,灵活(1) 框架集有两个主要标记:(框架集)和(框架)frameset:页面表现注意:1)不包含任何可以显示的内容,主要用来构造整个框架结构的文档内容;2)和不能同时出现,必须把 body删除或者注销掉;3)框架的分割有横向和纵向分割,通过 rows属性和 cols属性来设定;frameset标签属性:

3、rows:划分行 横向分割cols:划分列 纵向分割划分的是整个浏览器的可视窗口,注意固定的尺寸和适用的尺寸,多数情况下, head区、foot 区、left 区是固定的。设置高度的方式:像素化和百分比“*”表示未被说明的空间frame:页面表现标签放在之间,定义一个具体的框架。frame标签属性:(1) name:用于设定框架的名称(2) src:关联外部页面。直接关联本地页面:关联页面的相对路径;关联互联网山那个 页面:src 内输入网址,例如 http:/(3) frame框架是可以设置大小的,默认存在边框,默认有滚动条的 autonoresize: noresize=“noresize

4、“ 控制不能重新设置框架的大小frameborder:控制框架的边框 css样式 border可以控制 frame框架边框效果0或 no,表示没有框架边框;1 或 yes,表示有scrolling:控制 frame是否有滚动条 值:auto、no、yesauto:关联的外部页面宽度超出,就会产生横向滚动条;高度超出,产生纵向滚动条;如果没超出,就没有滚动条。no:不管有没有超出,永远都不会产生滚动条。yes:不管有没有超出,永远都有横向和纵向滚动条。滚动条效果可以用 css样式控制,scrollbar 的相关 css属性,IE 浏览器专用;多浏览器兼容 js实现的滚动效果。(4) margin

5、width和 marginheight:边距补白边框空白(文字与边框的距离) 通常用 css样式替代(5) 框架内 a标签的链接Target属性:a 进行页面跳转时的打开链接地址方式1)_self:默认效果 本窗口显示(覆盖原窗口,打开新窗口)2)_blank:新窗口打开(重新建立一个浏览器窗口,打开链接地址)3)_top:在浏览器的整个窗口中打开,忽略任何框架(覆盖所有窗口,打开新窗口)4)_parent:在上一级窗口中打开,父窗口中显示(覆盖本窗口,打开链接地址)有些浏览器不支持框架集,body 不能删除(2) 浮动框架 iframeiframe及宽度高度的动态控制 使用最多可以和 bod

6、y或 html结构同时存在,随时需要,随时使用,对于公共的结构,可以使用 iframe,可以做到代码重用结构:div 或 table 按照对于页面的布局要求,对结构 div或 table进行样式控制关联页面:iframe 双标记标签 属性:(1) src:设置页面相对路径(2) width:要求宽度自适应,百分比的宽度 100%(3) height:设置浮动框架的高度,js 动态设置。结构上可以固定高度的框架,直接固定高度。(4) scrolling:设置浮动框架滚动条auto:溢出产生滚动条;不溢出,不存在滚动条;no:不管是否溢出,都不产生滚动条;yes:不管是否溢出,都产生滚动条;(5) frameborder:设置浮动框架的边框 0 表示无,1 表示有。css样式中 border控制边框效果。

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 实用文档资料库 > 策划方案

Copyright © 2018-2021 Wenke99.com All rights reserved

工信部备案号浙ICP备20026746号-2  

公安局备案号:浙公网安备33038302330469号

本站为C2C交文档易平台,即用户上传的文档直接卖给下载用户,本站只是网络服务中间平台,所有原创文档下载所得归上传人所有,若您发现上传作品侵犯了您的权利,请立刻联系网站客服并提供证据,平台将在3个工作日内予以改正。