WEB前端 期末复习 2018.11
名词解释部分:
API: Application Programming Interface(应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码or理解内部工作细节。
DOM: Document Object Model (文档对象模型) 是W3C组织推荐的处理可拓展标志语言的标准编程接口,在网页上,组织页面或文档的对象被组织在树中,DOM是表示文档中对象的标准模型。
BOM: Browser Object Model (浏览器对象模型) 是用于描述这种对象与对象之 间层次关系的模型,浏览器对象提供了独立于内容的,可以与浏览器窗口进行互动的对象结构。
url: Uniform Resource Locator (统一资源定位符) 是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。
http: HyperText Transfer Protoco(超文本传输协议)
html: HyperText Markup Language(超文本标记语言)html语言是Internet上常见的网页制作标注性语言
src: source,源文件
HTML部分:(标签)
html:
一个HTML文件主要包括开始标签< html >,文件头部标签 < head >,文件标题标签 < title >,文件主体标签 < body >四部分组成
<!DOCTYPEHTML> //文档声明遵循HTML5标准
<html>
<head>
<meta charset='utf-8'>
<title>我的第一个html文件</title>
</head>
<body>
<p>My first html file</p>
</body>
</html>
特殊符号可参考书本P15
<   >空格
< br >表示回车(换行)
标题字标签: < h1 >到< h6 >共6个,逐渐减小
文字效果:< strong >粗体< /strong >
< em >斜体< /em >
< u >带下划线的文字< /u >
< sup >…< /sup >上标标签
< sub >…< /sub >下标标签
修饰字体标签:< font size=“字号” color="字体颜色"face=”字体“ >文字效果< /font>
段落标签:< p >段落文字< /p >
取消文字换行标签:< nobr >强制不换行显示的文字</ nobr >
修饰段落对齐属性:< p align=“center/right/left”>< /p >
插入图片标签:< img src=“图片地址”> img常见属性: src:图像的源文件、
border:边框 、alt : 提示文字、vspac:垂直间距、width,height:高度,宽度、hspace:水平间距
列表的主要标签:书本P19< ul >无序列表、< ol >有序列表、< dir >目录列表、< dl >定义列表、< menu >菜单列表、< dt >/< dd >定义列表标签、< li >列表项目的标签
链接标签:< A href=“文件名”>链接元素< /A >或< A href=“URL”>l链接元素< /A >
建立文本链接:< A href=“链接地址”>连接文字< /A >
表单: 主要功能是收集浏览着的信息
表单标签:< from >< /from >,之间的一切都属于表单的内容
输入标签: < input >:
-
文本框—text<input type="text" name="控件名称" size="控件长度" maxlength="最大字符数" value="文字域的默认取值"/>
-
密码域—password<input type="password" name="控件名称" size="控件长度" maxlength="最长字符数" value="密码域的默认值"/>
-
单选按钮—radio
-
复选框—checkbox
-
按钮—button<input typr="button" value="显示按钮的名称" name="按钮的id" onclick="处理程序"/>
-
提交按钮—submit
-
重置按钮—reset
-
图像域—image<input typr="image" src="图像地址" name="图像域名称"/>
文本域标签:<textarea name="文本域名称" rows="行数" cols="列数" placeholder="提示显示的默认值">
列表/菜单标签:
<select class="课程:">
<option>Web前端开发技术</option>
<option>数据结构</option>
<option selected="selected">Java</option> //selected属性表示默认选中项
</select>
CSS部分:
基础选择器:
-
元素选择器 : 通常是某个HTML本身
html{color:black;} h1{color:red}
-
类选择器:允许以一种独立于文档元素的方式来指定样式,类选择器前面有一 个"."
< p class="red">我是红色< /p >
-
ID选择器 :ID选择器前面有一个#号
#intro{color:red;}
ID选择器应用id属性中的值
< p id=“little”>我很小< /p >
-
属性选择器声明:[属性=id属性值]
id=m1{background-color:red}
- 后代选择器:
- 子代选择器:
JavaScript部分:
js:轻量级脚本语言
标识符:P189
常量
变量
全局变量:定义在函数外,作用于整体
局部变量:定义在函数内,作用于函数体
数据类型:数字型(),字符串型(),布尔类型(),非定义值(),未赋值(),非数字(NaN),空值(null)
运算符:算术,比较,复制,字符串,布尔,条件:(操作数?结果1:结果2)
DOM部分:
DOM:文档对象模型(Document Object Model)
文档 ,对象(属性,方法),节点,树
nodetype:元素节点,属性节点,文本节点,注释节点
事件的三要素: 事件源(谁触发)、事件(click,mousemove,keydown,load等)、事件处理程序(结果)
return false 阻止后续,取消默认行为
事件里this表示源,构造函数里表示当前对象
指定事件处理程序时,事件名称必须小写
冒泡型事件:从小到大
捕获型事件:从大到小
获取文档中的指定元素:
1.通过id: Document.getElementById();
2. 通过标签:Document.getElementsByTagName();
3. 通过元素的类:Document.getElementsByClassName();
4.通过name属性 Document.getElementsByName();
注册事件:
BOM部分:
对话框:
- 警告alert
- 询问confirm
- 提示prompts
var n = prompt("请输入数n:");
实验部分:
< hr color = red> 产生水平一条红线
段首缩进:text—indent:2em
首字母大写:text—transfrom:capitalize