页面美观程度与网页的设计细节都有很大关系,例如:
① 鼠标移动到A标签上有没有变小手!
② 尽量避免使用纯色!
此阶段需要学:
① JS基础语法!
② JS DOM操作!
套路大纲:
1;注释,关键字,标识符,变量
2;数据类型
3;运算符
4;控制语句
5;数组
6;方法
注释总结:
① Html注释:<!---->
② CSS注释:/* */
③ JS注释:
单行:// 按钮Ctrl+/
多行:/* */ 按钮Ctrl+Shift+/
JS基础:
① 写法分类:
类:共同特征抽取出来,组成一个类,类里面某一个具体的事物才是对象(汽车是一个类,汽车是什么颜色要具体到哪一个对象)!
1;内联:写在标签里面,以事件属性标签,属性名就是事件属性名!
2;内嵌(重点在内容):写在html文件里面,以标签的形式表现,标签名<script></script>,script标签里面的代码会自己执行,一般写在head里面(先Link一下CSS再写Script外部引用)!
3;外部引用:写在html文件里面,以标签的形式表现,标签名<script></script>,script标签里面的代码会自己执行,没有内容只有属性!
格式:<script type="text/javascript" src="ZuoYe1.js"></script>
Html和CSS是形式语言!
JavaScript是脚本语言!
JS没有优先级,在什么情况下调用什么代码,执行什么代码是有条件的!
关键字的定义:在代码里面,系统已经定义好的,具有特殊含义的字符!
标识符:自己起的名称,类似于Html中的id和class!
变量:定义 à 赋值 à 使用!
两种赋值方式:
① var name = "值";
② var name;
name = "值";
3种弹窗:
① alert(); //告警窗:发生什么什么了!
② Confirm(); //选择框:确定怎么怎么样么,有返回值!true/false
③ Prompt(); //输入框:返回值用户输入什么就返回什么!
Span标签可以直接float:right;让它居右显示!
==两个等号是值相等就可以!
===三个等号不仅要值相等,数据类型还要相等!
在JavaScript里面大小写是敏感的,大写和小写代表不同的意思!
==就是右边的值赋值给左边!
目的:数据类型很重要!!!
强类型语言:定义的时候必须指明数据类型是什么(会涉及到数据类型转换)!
弱类型语言:定义的时候不用指明数据类型,全部自动转换!
JS中几种数据类型:
number(int/float):数字型!
String:字符串型(需要加"")!
Boolean:布尔类型(true/false)!
Null:空值!
Undefined:未找到!
Object:对象!
运算符:
① 算数运算符:+ - * / % ++ --
② 赋值运算符:把右边的东西给左边! = += -= *= /=
③ 条件运算符:> < = >= <= == === != boolean类型
④ 逻辑运算符:&&并且 ||或者 !取反 boolean类型
⑤ 三目运算符
++在前:先加,在运算!
++在后:先运算,后加!
Ps:
3%2==1
2%3==2 --除不尽的余数就是被除数!