JS Day1

1.认识JS

        什么是js？

        HTML：超文本标记语言（网页）-->页面的结构，段落，标题，图片
        CSS：层叠样式表（美化）--->美化结构的，排列方式，放的位置
        JavaScript：---> 页面的行为（点击按钮会发生什么事，轮播图，游戏。表单验证，回到顶部，楼层，放大镜，tab切换，二级菜单，拖拽，瀑布流）

        JS的核心

        ECMAScipt：制定js语法标准, 我们后期写代码的规范
        DOM：Doucment object model（文档对象模型），提供了一套操作文档的方法和属性
        BOM：Browser object model（浏览器对象模型），提供了一套操作浏览器的方法和属性

2.JS的基础语法

        js代码的书写

         行内式

        a）a标签

<a href="javascript:js代码"></a>

        b)非a标签（行为属性：点击，鼠标划入）

<button 行为属性="js代码">按钮</button>
<button onclick="alert('hellowrold')">按钮</button>

        内嵌式

        a) script标签  标签内部书写js代码

        

<script>
       js代码
</scrip>

        b) script标签内部的代码，页面刷新就执行
        c) script标签原则上可以写在html文档的任意位置，但是我们写在最底部
        d) 可以书写多对script标签，代码按照从上向下的顺序依次执行

        外链式

        a) script标签 标签内有一个src属性 标签内部书写js代码

        b) 可以书写多对script标签，代码按照从上到下的顺序依次执行

        c) 外部文件xxx.js 可以直接写代码  同css文件一样

2.2 JS注释

        注释分为：单行注释和多行注释

        单行注释：Ctrl+/

// var x = true;

         多行注释：Alt+Shift+A

<title>千锋教育</title>   <!-- 这是网页的标题 -->

2.3 JS变量

        如何定义变量：

        a) 最常用的方式

var x = 200;//声明一个变量x，同事将200赋值给x
var：声明变量用的（向计算机说明 x是一个新成员，变量x就可用了）
空格
x : 变量名（类似类名，自己取的名字）
= : 赋值 等号后面的值将赋给变量名
200 代表x变量存储的值

        b) 其他方式

var x; //先声明一个变量
x = 20; // 用的时候再进行赋值

------------------------------

同时声明多个变量，用的时候再赋值
var a,b,c;
a = 20;
b = 30;
c = 40;

--------------------------------
同时声明个变量，有的赋值，有的用的时候再赋值
var x = 10, y = 20 , z ;
给z赋值30
z = 30;
---------------------
var x = 10, y = 20 , z = 40;

2.4 JS的输出语法

        alert(内容);  以弹出窗口的方式输出内容

        console.log(内容);  在控制台打印内容

        document.write(内容);  在页面输出内容

2.5 JS的命名规则和规范

        规则（必须按照要求 不然会报错）

                1.组成部分：数字，字母，下划线，美元符号

                2.不能以数字开头

                3.不能使关键字和保留字

                4.严格区分大小写

        规范(最好遵守并执行的)

                1.驼峰命名法 applePrice （从第二个单词开始，单词的首字母大写，第一个单词全部小写）

                2.见名知意

                3.不推荐使用中文（支持中文）

2.6 JS的数据类型以及类型转换

        1.数值类型（number）

                一切数字都是数值类型（包括二进制，十进制，十六进制等）

                NaN （not a number）一个非数字

        2.字符串类型（string）

                被引号包裹的所有内容（可以使单引号也可以是双引号）

        3.布尔类型（boolean）

                只有两个 ture、false

        4.null类型

                只有一个，就是null，空的意思

        5.undefined类型

                只有一个，就是undefined 没有值的意思

2.7 数据类型

        两大类：基本数据类型和引用数据模型

        基本数据模型：

        Number类型 数值类型

                a)整数

                b)小数

                c)10e5 （10的5次方）

                d)十进制 八进制 十六进制 二进制

                e)NaN（not a number）：不是数字

        String类型 字符串类型

                a)单引号或者双引号内的   “双引号内容”     '单引号内容'

                b)一段文本

        Boolean类型 布尔类型

                a) ture： 真。计算机会把ture存储成1

                b)false： 假。计算机会把false存储成0

        undefined类型 未定义类型

                a)只声明，未赋值 var x；

                b)声明变量，可以赋值成undefined

        null类型 空类型

                var x = null；

2.8 检测数据类型

        typeof 关键字来检测

        语法：

                typeof（要检测的值）

                typeof 要检测的值

                返回值（结果）：

                        1.哪种数据类型的：number,string,undefined,object,boolean

                        2.以字符串的形式返回

2.9 数据类型的转换

        数据类型之间的转换，比如数字转成字符串，字符串转成布尔，布尔转换成数字

        其他数据类型转成数值：

                Number（变量）

                可以把一个变量强制转换成数值类型

                可以转换小数，会保留小数

                可以转换布尔值

                遇到不可转换的都会返回NaN

                parseInt（变量）

               从第一位开始检查，是数字就转换，直到一个不是数字的内容

                开始就不是数字的话，就会直接返回NaN

                不认识小数点，只能保留整数

                parseFloat（变量）

                从第一位开始检查，是数字就转换，直到一个不是数字的内容

                开头就不是数字，那么直接返回NaN

                认识小数点

                其他数据类型转成字符串：

                1.变量 .toString（）

                2.String(变量)

                3.使用加法运算

                其他数据类型转成布尔

                1.Boolean(变量) 在js中，只有  ' '   null  undefined  NaN  这些是false

                                                                                                         其他都是ture