1、html:标签 属性 嵌套 class="btn btn-success" style="color:red;font-size:10px;"
2、css:层叠样式表
样式分类:内联(行内) 内嵌 外部引用
选择器:标签、id、class、属性、并列、后代。
样式
3、js:ECMAscript DOM BOM(window history locaton document )
基础语法、dom操作
基础语法套路:
①注释、变量、常量、标识符、关键字
标识符规范:字母、数字、下划线、$ 不能以数字开头
②数据类型 数字、字符串、布尔、null、 underfind
(空) (未定义)
③运算符:
算术运算符:+ - * /
赋值运算符:=
关系运算符:!=
逻辑运算符:与或非
三元运算符:表达式 ? 真 : 假
if(表达式){
真
}else{
假
}
④控制语句
if (判断) switch(判断) for(循环) while(循环) for-in(遍历数组)
确定次数 完成条件跳出循环
⑤数组
数组元素、数组长度、数组下标(索引:从0开始)
var arr [1,2,3];
arr[0]=1;
遍历 arr.length
var arrT =[[1,2,3],
[2,3],
[4,5,6]
];
⑥方法、函数
function 函数名(参数列表){
执行的代码
}
调用执行:函数名(参数列表);
关键字:break continue return
结束循环 跳出本次循环 结束方法
类、对象(实例) 具体的一个标签对象
DOM套路:
1、获取元素,找元素
document.getElementById(); 通过id获取元素,对象
document.getElementByTagname(); 通过标签获取元素,数组
document.getElementByClassname();
document.getElementByname();
2、操作属性
标签对象.getAttribute("属性名");
标签对象.setAttribute("属性名","属性值");
3、操作内容
标签对象.innerHTML
标签对象.innerHTML="值";
标签对象.value
标签对象.value="值";
4、操作样式
标签对象.style.color;
标签对象.style.color="red";
5、创建元素,删除元素
document.createElement("");
标签对象.remove();
6、给元素添加事件