2018-06-12JavaScript基础知识1

Posted 2020-11-17 Postgre叮当牛i

页面美观程度与网页的设计细节都有很大关系，例如：

①    鼠标移动到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  --除不尽的余数就是被除数！