Java基础回顾(五)
GUI(图形用户界面)
Graphical User Interface(图形用户接口)
用图形的方式,来显示计算机操作界面,这样更方便直观.
CLI()
Command line User Interface(命令行用户接口)
就是常见的Dos命令行操作,
需要记忆一些常用命令,操作不直观
接口:广义的意思对外提供的公共访问.
java.awt Abstract Window ToolKit(抽象窗口工具包),需要调用本地系统方法实现功能,在不同的操作系统上,图形可能不一样.
javax,swing 在AWT的基础上,建立的 一套图形界面系统,提供了更多的组件.在不同的操作系统上图形显示都一样.增强了移植性.
重点:事件监听机制.'
比较常见的事件监听
鼠标和键盘.
css
用来定义页面的现实效果,可以解决代码对样式定义的重复.提高了后期式代码的可维护性
html中标签都有特定的含义和表现结构.比如table,表格,dl列表a就是超链接.
html中特殊的两个标签
div:封装的是整行区域,在标签区域结束有换行
<div>内容</div>
span:封装是一行中部分区域,标签结束后没有换行
用这两个标签封装完的数据,可以通过具体的css样式代码进行操作,比如布局,颜色.这就是我们现在常用的页面布局方式div+css
在CSS中标签进行分类
块级标签:标签结尾有换行;div,hr,dl,dd,table,p...
行内标签:标签结尾没有换行;span,b,i,u,input,img,select...
CSS和Html结合在页面中的体现.
一:使用标签中的style属性.
<div style="color:"> 演示区域</div> style是CSS的属性,color是style属性{:}冒号后是color的值
CSS选择器:
一:标签名可以做为选择器.
二:类选择器.可以多不同类,同一class标记的统一定义.
用.class表示
三id选择器.通常下ID值要保持唯一,1:该ID封装的数据特殊
选择器的优先级.标签选择器<类选择器<ID选择器<style属性
扩展选择器:
关联选择器:标签中的标签,对立面的标签单独定义时要与外面标签关联
组合选择器:多个选择器相同样式,选择器格式相同时可以放在一起用,隔开
拓展选择器:
伪元素选择器:连接的四种状态
未访问的时候a:link{
}
鼠标点击的时候a:visited{
}
鼠标悬停得时候a:hover{
}
a:active{
}
CSS的盒子模型:用于封装数据的独立区域,通常盒子的封装用dvi完成
盒子就有内边举,外边距.
float浮动可以实现图文混排.
DOM:使用在客户端.
全称:Document Object model 文档对象模型
作用:就是标记,型文档封装成了对象,并将文档中所有内容封装成对象.
好处:便于对文档中标签以及数据内容进行操作,因为对象中提供了各种丰富的属性和行为.
怎么创建文档对象呢?
需要通过DOM解析器,很多软件内置了这种解析器.比如浏览器.
DHTML:动态的html,是多项技术综合体的简称,可以实现动态网页的效果
包含技术:html css dom javascript
HTML:提供标签对数据进行封装,是最基础的部分
负责的是定义页面的基本结构.
CSS:提供了丰富的样式
负责页面的展现效果.
DOM:提供了对象的解析方式
负责将页面以及标签等内容封装成对象,并定义属性和行为.
Javascript:提供了程序设计语言的逻辑性.
负责页面的行为.
BOM: browser object model 浏览器对线模型.
window 需要掌握的方法:
setTimeout("执行语句",3000); 3秒后执行,只执行一次
setInterval("执行语句",3000);3秒后执行,是每隔3秒执行一次,执行多次
clearInterval(time);停止每隔3秒弹出.
事件 onload 页面加载就弹出内容----->弹广告!!!!
操作document对象.
主要操作:通过document对象获得节点.
节点的三个属性:
获取节点方法:
getElementById获取对ID标签属性为指定值的第一个对象引用
通过对象的ID属性来获取标签节点,返回的是该标签的节点对象
getelementsByName根据NAME标签属性的值获取对象集合
getElementsByTagName获取基于指定元素名称对象
通过标签名获取对象集合