css(层叠样式表):
作用:美化界面,提高代码复用性
选择器:
元素选择器-标签的名字
类选择器-以.开头
id选择器-以#开头
选择器优先级:行内选择器>id>类选择器>元素选择器
选择器分组
选择器1,选择器2
后代选择器
选择器1 选择器2
子元素选择器
选择器1>选择器2
伪类选择器
超链接状态 选择器:hover
浮动
float:left right
清除浮动
clear:both,left ,right;
文件流,浮动,定位
阿德伍德定律:
javaScript
js和java没有关系
概念:一门客户端浏览器脚本语言,运行在我们的客户端,每一个浏览器都有一个js引擎
脚本语言:不需要编译,直接可以被浏览器解释执行
最初用来验证表单
功能是增强用户和html的交互体验;控制html元素;让页面有动态效果;增强用户体验。
起源 :第一个脚本语言叫做c–后更名为scriptEase
NetSpace(网景)开发liveScript,后因与sun合作,所以更名为JavaScript
微软,抄袭js开发jScript
ECMA指定ECMAScript(一套标准)
JavaScript=ECMAScript(标准)+BOM(js独有)+DOM(js独有)
ECMAScript客户端脚本语言的标准
基本语法
与html结合—内部js 外部js
script可以写在任何标签,但是推荐写在head标签,script可以有多个
注释----- //单行注释
/**/ 多行注释
数据类型
原始数据类型(基本数据类型):
number 数字类型,整数,小数,NaN(not a number 不是数字的数字类型)
string 字符串,“sss”,‘www’
boolean true和false
null 一个对象为空的占位符
undefined 未定义,若一个变量没有给初始化值,则会被赋值成undefined
判断类型用 typeof
引用数据类型 对象
变量
一小块存储数据的内存空间
java是强类型,js是弱类型
int i=1+1;//2
var i=1+1;//2
var i=1+“1”;//11
var 变量名=初始化值;
typeof:获取变量的类型
运算符
1 一元运算符 ++ – + - 只有一个运算数的运算符
在js中,如果变量不是我们运算需要的类型,那么js引擎自动把运算数进行类型转换
其他类型转number
string转number NaN(有字符的情况下),数字(无字符)
boolean true转成1 false转成0
2 算数运算符 + - * / %(取模,余数)
3 赋值运算符 = += -=
4 比较运算符 > < <= >= == ===(全等于)
比较方式
1类型相同:
字符串:根据字典(ASC)来直接比
2 类型不相同:
先进行类型转化,再进行比较
5 逻辑运算符
&& || !
其他类型转化成boolean
1 number:0返回false,1和其他数字返回true
2 string:”“返回false,其他返回true
3 null undefined:都是false
4 对象 true
6 三元运算符
?值1:值2
语法 表达式 ?值1:值2
逻辑控制语句
1 if…else
2 switch 在java中,byte,int shortchar 在js中,可以接受任何原始数据类型
case1:
break;
3 while
4 do…while
5 for
js特殊语法
js中可以不写分号,但是强烈推荐要写分号
变量的定义需要var,可省略,但是推荐不省略
区别: 写的话:表示一个局部变量,反之则是全局变量。
对象
方法对象 function
创建
var fun = new function(参数列表,方法体) —不用
function 方法名称(形参){
方法体
}
var 方法名称 = function(形参){
}
Array对象 数组对象
1 创建数组
var arr = new Array(元素列表);
var arr = new Array(默认长度);
var arr =[];
2 push{}; 往末尾添加新元素,并返回新长度
join{}; 根据参数把数组分割转换成字符串【1,2,3,4,5】
Date 日期对象
Math数学对象
RegExp 正则表达式
定义字符串的组成规则
单个字符 []
[a] [ab]
\转义符
\d 单个数字字符 [0-9]
\w 单个单词字符 [a-zA-Z0-9]
量词符号
? 出现0次或1次
* 出现0次或多次
+ 出现1次或多次
{m,n} 最少出现m 次,最多出现n次
开始结束符号
开始------^
结束------$