Cacading style Sheets 层叠样式表
作用:美化界面,提高代码复用性
选择器
元素选择器:标签的名字
类选择器: 以.开头
id选择器: #开头 ID唯一
优先级
行内样式>id>类>元素
选择器分组
选择器1,选择器2
后代选择器
选择器1 选择器2
子元素选择器
选择器1 > 选择器2
伪类选择器
超链接状态 选择器:hover
浮动
float :left right
清除浮动
clear:both,left,right;
文件流,浮动,定位
阿德伍德定律:
js 和java的关系:其实他们没有任何关系 雷锋和雷峰塔
概念:
一门客户端(浏览器)脚本语言,运行在我们的客户端,每一个浏览器都有js引擎
脚本语言:不需要编译,直接就可以被浏览器解释执行
最初用来验证表单
**功能:**增强用户和html的交互体验,2.可以控制html元素 3.让页面有动态效果,增强用户体验
起源
第一个脚本语言叫做 c-- 后更名scriptEase
NetSpace(网景) 开发liveScript ,后因与Sun合作,所以更名为JavaScript
微软,抄袭js开发JScript
ECMA指定ECMAScript(一套标准)
JavaScript = ECMAScript(标准) + BOM(js独有) + DOM(js独有)
1.基本语法
注意
script可以写在任何地方,但是推荐写在head标签
script可以有多个
// 单行注释
/* */ 多行注释
原始数据类型(基本数据类型)
1.number 数字类型,整数,小数,NaN(not a number 不是数字的数字类型)
2.string 字符串,“sss” , ‘ss’
3.boolean ture和false
4.null 一个对象为空的占位符
5.undefined未定义,如果一个变量没有给初始化值,就会被复制成undefind
判断类型用 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.类型相同:
字符串:根据字典(ASCII)来直接比
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中,可以接受任何原始数据类型 number,string,boolean,null,undefined
case1:
break;
3.while
4.do…while
5.for
js中可以不写分号,但是强烈不推荐
变量的定义需要var,但其实可以省略,强烈不推荐使用
区别
写的话:表示一个局部变量
不写:表示全局变量
1.创建
1.不用
var fun = new Function(参数列表,方法体)
2.
function 方法名称(形参){
方法体
}
3.
var 方法名 = function(形参){
}
1.创建数组
var arr = new Array(元素列表);
var arr = new Array(默认长度);
var arr = [];
2.push():往末尾添加新元素,并返回新长度
join(参数):根据参数把数组分割转换成字符串[1.2,3,4,5,]
单个字符 []
[a]
[ab]
\转义符
\d 单个数字字符 [0-9]
\w 单个单词字符 [a-zA-Z0-9]
量词符号
? 出现0次或1次
* 出现0次或多次
+ 出现1次或多次
{m,n} 最少出现m次,最多出现n次
开始结束符号
^ 开始
$ 结束