JavaScript基础

JavaScript基本组成

1.DOM（Documen Object Model）:文档对象模型，简单理解就是用来操作结构的

2.BOM(Browser Object Model) :浏览器对象模型

3.ECMAScript :核心js，规范js的基本语法，变量，数据类型，操作语句。。。

js的书写位置

1.行内js（很少使用，不推荐使用）写在html语句的话，会使得代码可读性差

2.内嵌 书写位置在head标签或是body标签都可以，一般是放在body结束标签上方，

原因：代码默认是按照文档刘进行加载的，只有结构加载完毕我们才能去控制结构。所以一般吧js代码放在紧挨着body结束标签上方。

格式：<script>

                js代码

            </script>

3.外链  书写位置在head标签或是body标签都可以，一般是放在body结束标签上方

原因跟内嵌一样。

格式：  <script src="js文件路径"> </script>        或者         <script type="text/javascript" src=""></script>

注意点 ：引用外部js文件以后，标签内部建议不写代码，因为引入外部js文件以后，标签中的内容会不识别，但是也不报错，所以建议不写。

注释：

//单行注释

/*....*/ 多行注释

输入输出语句

1.documen . write("   ")  给页面输入静态内容，可以包含标签，括号里的双引号（单引号也可以，但是不太推荐）必须要有，输出数字时可以不加引号。

alert 弹窗   alert（弹窗显示内容）； 如果输入的内容为汉子一定要加上引号，单引号或双引号都可以。推荐双引号。

prompt("  " , "   "   ); 弹框，带提示文字的弹框，可以两个参数。自带输入框的弹框。假如说第一个参数是“今天是周几”，第二个参数是“周四”， 周四就会在输入框中默认显示。

经过prompt输出的东西都是字符串string类型的数据。

alert 与 prompt 可以嵌套使用，alert(prompt ("请输入："));   在网页上显示：先显示prompt的内容，在输入框中输入的东西然后会在alert弹框中显示。

confirm（）；  带取消和确定的弹框   点击确定输出true    点击取消输出false。

console .log (   );    控制台输出，在控制台可以调试，但是不影响代码，代码不发生变化。

onclick单机事件。

οnclick=“alert （'hello world !!!')" 点击显示弹框信息helloworld。如果有嵌套的话，外面是双引号，里面就得是单引号，不能两个双引号同时使用，

外边是双引号，里面弹窗内容需要用单引号引起来，外面是单引号，弹窗显示的内容需要双引号引起来。

如果有嵌套的话，外面是双引号，里面就得是单引号，不能两个双引号同时使用，容易发生引号嵌套错乱

变量：

js是弱类型语言，声明的变量可以存储任意类型的数据

变量：存储数据的公具，变量就是一个容器，用来存放数据的

变量的本质：变量是内存里的一块控件，用来存储数据。

声明变量就是去内存申请空间。

var 可以声明变量

var  a = 10 ;

        a = "hello" ;

可以一次性声明多个变量例如：var x,y,z;

也可以一次声明多个变量，并给不同变量赋值：

var  a = 10 , b = 11 , c = 12 ;

同时声明多个变量时只需要写一个var，但是每个变量之间要用英文的逗号隔开，并分别赋值。最后面加上分号就好

但是不能一次给多个变量赋值例如：var:x,y,z=10;     这样只会给z赋上值其他变量没有值。

先声明再赋值再使用，不能使用没有赋值的变量。不声明不复制无法使用，会直接报错

js中也允许不声明直接赋值使用：

a = 10；

console .log（a）;

这样也是可以的。不太提倡。

数据类型查询：

查询方法：typeof

但是typeof只能查询数据类型的大类（非精准的数据类型查询）。

一个变量可以被多次赋值，但是他之前的值就会被覆盖，显示的是最后一次的赋值。

基本数据类型：

undefined	声明变量并未赋值
String	字符串
Number	数字
Boolean	布尔类型，true/false
Object，Null，Array {  }          空       [    ]	Null，Array属于Object

undefined 和数字类型相加，最后结果是NaN。 

NaN（非数字类型）是特殊的Number类型，假如运算失败就会得到一个NaN类型，NaN不能作比较，NaN==NaN 的值必为false。

运算符：

+   -   *    /      % （取余）

数字和字符串类型的数据只可以做加法，拼接成一个新的字符串

数值和boolean类型的数据运算，只能得到数字。（+-*/都可以运算）

10+true=11      解释：因为true代表的计算机数值就是1 （false 代表的是0）

字符串和任意类型数据运算都是字符串并且只能做加法，拼接成字符串

a="123"  b=true  a+b=123true

假如a="123",另一个数据类型是数字类型，进行-*/运算时会进行自动数据类型转换，转换为数字

字符串引号里如果是数字，和数字类型的数据运算，自动转换成数字。

字符串类型跟数字类型的数据运算时，只有做加法是拼接成新的字符串，做-*/时都是自动将字符串类型转换成数字类型的然后再运算。

NaN  非数字     运算失败时或是转换数字类型失败时会得到NaN

数据类型转换：

Number （  ） 转换数据类型为数字(整数还是整数，小数还是小数)  a = "12.3"  Number(a)= 12.3

parseInt（  ） 无论小数整数都转换为整数，向下取整    12.3->12    12.9->12

他会去掉像素单位：console.log(parseInt("120px"));结果会直接变成120.

ParseFloat （   ）  保留小数，整数还是整数，精度更高，跟Number性质差不多。

isNaN （   ） 校验当前内容是否为非数字，非数字为true   数字为false

var  str = "hello" ;      字符串类型。

var strl = new String ("hello") ;      Object类型

\n    换行，js和html标签不通用，   在js代码中\n 是换行符，在控制台输出时换行，在html页面中不换行

\"->"   

\b  空格

toString  转换成字符串类型    console.log（a.toString( 2))   意思是转换成二进制的字符串。

Boolean  转换成布尔类型的

代表空、否定的值都会被转换为false，如''、0、NaN、null、undefined。