基础复习04

来源：互联网发布：广西网络培训系统编辑：程序博客网时间：2024/06/08 18:45

1.什么是html,作用是什么
是一种超文本标记语言.是用来写网页的

2.html的结构
有<head> <head>里面有<title>里面放的是标题
有<body> 里面是内容

3.html中常见的标签
<font> 文本
<a> 文本和超链接
<img> 图片
<table> 表单 ------- <tr>或者<td> ------ <th>
<form> 表格 input属性:text/password/file/bottem/reset/hidden/checkbox/radio/
select / option
textarea

4.html的排版标签
<h1>标题
<div>一块文本
<span>一行文本
<br/>换行
<p>一个段落

总结:今天内容比较简单,掌握情况:99%

1.什么是css ,作用是什么
层叠样式表,是用来美化页面和精确控制页面元素的.

2.scc的选择器
元素选择器
a {

}
如何定义: 选择器的名称就是元素的名称
类选择器
.red {

}
如何定义:先在标签中定义一个class属性,然后在大括号前写上.属性值
ID选择器
#d1 {

}
如何定义:现在标签中定义ID属性,然后在大括号前写上#属性值

补充:选择器的的组合方式-层级关系:
用空格隔开是子父关系
用逗号隔开是平级关系

3.css常见样式-边框属性
border:
backageground-color 边框背景颜色
backageground-image 边框背景图片

4.css常见样式-样式转换
display = block 转为块级元素
display = inline 转为行级元素
display = none 隐藏文件

5.盒子模型
边框属性 boder
内边距属性 padding
外边距属性 margin

6.css和html的三种结合方式
1.内部模式
2.内连模式
3.外部模式

1.什么是javaScript,作用是什么
是一种脚本语言,是用来验证表单,修改css样式,修改html元素的

2.javaScript的组成部分
是由三部分组成 ECMAScript 核心,是用来定义基础语法的
DOM 文档对象模型,是用来操作html文档
BOM 浏览器对象模型,是用来操作浏览器

3.javaScript的引入方式
两种方式:内部引入把代码写在script标签里面
外部引入标签里面写src属性
注意:script标签里的代码要放在<body>里面.

4.基础语法:
注释:和java一样

声明变量: var

数据类型:基本数据类型 String Number Boolean Undefined Null
引用数据类型就是对象

运算符:基本和Java一样, === 判断值和类型

判断分支 ; 循环

5.常见对象:
正则对象: 如何创建正则表达式:var a = /^ $/,调用的方法:.test() ,返回值类型:boolean;

数组: 创建数组的方式:var a = [1,2,3] ,创建数组长度是3,元素是1,2,3
var a = new Array() ,创建数组,长度是0,元素是undefined.
var a = new Array(1,2,3,4) ,定义数组,元素是1,2,3,4 长度是4
var a = new Array(4),创建数组,长度是4.元素都是undefined

数组对象的特点:类似java的ArrayList,长度是不固定的,元素也可以替换
可以清除数组: 定义.length属性为0就行了
数组的join方法,通过制定的字符串元素分割数组,比如说串一个"-",返回的字符串就是"a,b,c,d"
数组的reverse方法,就是反转数组,然后返回这个数组
数组的pop方法,返回并删除数组的最后一个元素,数组的长度减一
数组的push方法,在数组的末尾添加一个元素,返回的是数组的新长度

6.全局函数:
evil(),把字符串当做一个javascript代码来执行
encodeURI,编码
decodeURI,解码
URI和URL的区别:URL包含了http:\\
parseInt,把字符串转换为整数
parseFloat,把字符串转换为浮点数
NaN(),判断是不是数字,是数字返回false.不是数字返回true

7.自定义函数:
function 方法名(参数名) {
方法体
return ;
}
注意事项: 参数名不能写var ,可以不写return值,这个时候,系统会默认返回一个undefined的值
调用方法的时候,只考虑方法名,不考虑参数列表
javaScript中不存在方法的重载,只有覆盖.

总结:晚上要早点休息,精神状态会好点.晚自习要提高效率!

1.什么是BOM,有什么作用
浏览器对象模型,是用来对浏览器进行相关操作的,例如浏览器地址,弹出消息等;

2.消息框
例如:alert("你好啊")
confirm("确定删除吗?") ,这个方法是由返回值的,通过点击确定和取消返回对应的true和false;

3.定时器
setInterval() 设置循环定时器,传入的参数是一个方法,一个毫秒值.表示循环多少秒执行调用的方法.返回一个ID值
claerInterval() 停止循环定时器,传入的参数是一个ID值
setTimeout() 设置一次性定时器,使用方法和循环定时器一样.也会返回一个ID值.
claerTimeout() 同停止循环定时器.

4.什么是DOM,有什么作用
文件对象模型,是用来操作和改变HTML效果的.

5.DOM树介绍
<html>文档会被浏览器按照从上到下的顺序加载到内存中,并且会生成一个DOM树,DOM树一定会有一个根节点.
里面的每个元素就像树一样有子节点,而文本对象没有子节点,就像DOM数的树叶一样.

6.获取元素的四种方式:
通过ID,getElementbyId(),通过id获取元素对象
通过name属性,getElementsbyName() 返回一个数组
通过元素名属性,getElementsbyTagName() 返回一个数组
通过class属性,getElementsbyclassName() 返回一个数组

7.元素对象的常见属性;
value ,修改元素的值.
className,修改元素的样式
checked,修改单选和复选
innerHTML, 操作元素的内容

8.JS事件
通过键盘和鼠标操作的动作就是js事件

9.JS常见事件
onclick,点击
onfocus,获取焦点
onblur,失去焦点
onchange,选择匡的内容发生改变
onload,加载完毕时间
onsubmit,表单提交时间
onkeyup,键位弹起事件
onmouseover,鼠标移入事件
onmouseout,鼠标移除事件

10,js事件的绑定方式:
事件句柄绑定方式
DOM绑定方式

1.什么是BOOtStrap , 有什么作用
BOOtStrap是基于SCC HTML JavaScript的前端框架,我们按照要求编写html代码就能取得良好的效果.
作用:是Web开发更加便捷,支持响应式开发,解决了移动互联网前端的问题.

2.什么是响应式开发:
就是一个版本可以在手机,平板和PC端运行,不需要为每个终端设计得定的版本

阅读全文

0 0