JavaScript基础学习笔记

一、     JavaScript概述

    JS是脚本语言，用于HTML和Web，属于弱语言，轻量级，解释型的编程语言，可插入到HTML页面，由浏览器执行。

    用处：    

       1.数据验证
       2.将动态的文本写入到网页中
       3.对事件做出响应
       4.可读写HTML中的内容
       5.可检测浏览器

       6.可创建cookies

    一个完整的JavaScript实现可由3部分组成：核心(ECMAScript)、文档对象(Document Object Model，DOM)、浏览器对象模型(Browser Object Model，BOM)

     常见的JS数据类型：对象、数组、数字、布尔、空值、undefined

     可用的数据处理：字符串处理、日期处理、数组处理、逻辑处理、算术处理0

   注意事项：

1. JS区分大小写
   
2. .忽略多余的空格
3. .JS中的注释：//：单行注释、/**/：多行注释
4. “;”分号用于一行中有多条语句
   

二、      JavaScript用法

             JS代码可放置位置：

                  1.位于HTML中的head标签中

                   2.位于HTML中的body标签中

                    3.位于事件的属性值中，如：οnclick="JS代码"

                     4.位于JS文件中

         一、在head、body标签中

                        一般不放在body标签中，都是位于head标签中。用<script type="text/script"></script>标签包含

          二、在事件的属性值中

                          用于HTML中的事件响应之后的处理

          三、在JS文件中

                          一般用于大规模的网站开发，推荐使用这种方法。JS文件的后缀名为.js。JS文件用link标签导入。导入格式为：<link src="JS文件名">

三、JS语句

           输出语句

                      1.prompt()函数

                               弹出对话框，输入信息。输入之后返回输入信息的值。有两个参数：第一个是提示内容，第二个是输入框的默认内容

                      2.documnet.write()和document.writeln()函数

                                将信息直接输入到浏览器中，会覆盖网页中内容。ln为行输出，默认加回车。

                      3.window.alert()函数

                                     弹出输出时产生警告提示信息的对话框

三、        JS变量、类型、值

            

                类型分为：原始类型、对象类型

                原始类型：数字、字符串、布尔值

                 特殊的原始值：null(空值)、undefined(未定义)

                 对象类型：属性的集合

                 JS有内存管理机制，自动对内存垃圾回收

        一、变量

                 变量命名：

                            1.必须以字母或_、$开头

                             2.区分大小写

                             3.变量不能是保留字

                 变量声明：一般用var用来声明变量

          二、数据类型

                   Undefined类型

                                 Undefined类型的只有一个值即特殊的undefined。用var声明变量但未对其初始化，其值为undefined

                   Null类型

                                  Null类型的只有一个值即特殊的null，表示一个空值

                  Boolean类型

                                  Boolean类型只有两个值：true、false

                                  Boolean类型转换规则

                                 数据类型                        对应true值                  对应false值

                                  Boolean                              true                             false

                                    string                                 非空                            空

                                   number                               非0                            0

                                   object                             任何对象                         null

                                   undefined                         不适用                        undefined

                Number类型

                           特点：

                                 1.JS中的所有数值都存储为根为10的64位浮点数

                                 2.整数最多为15位(不使用小数点或指数计数法)

                                 3.小数最大位为17位

                                  4.前缀为0，为8进制。前缀为0X或0x为16进制

                                  5.特殊数值：NaN(非数值，Not a Number)

                   一、数字

                             整型：整数

                              浮点型：小数

                               算术运算：+、-、*、/、%

                          日期和时间：

                                    date()构造函数，用来创建表示日期和时间的对象。

                                        date对象的方法：

                                               1.getFullYear()：年

                                                2.getFullmonth()：月

                                                3.getdate()：日

                                                4.getDay()：星期

                                                 5.getHours()：时

                                                 

                     二、字符串

                                    用""或''括起来。含有一些转义字符。用属性lenght可求长度。

                     三、布尔：true、false

                      四、特殊值：null、unfined

                                      null：表示其值是空值

                                      unfined：表示没有任何值，空值也没有    

                       五、类型转换

                                     显示转换：

                                            Number("内容")：转为数字

                                             String(内容)：转为字符串

                                              Boonlean(内容)：转为布尔

                                              Object(内容)：转为对象

                                               .ToString()：Number对象使用的函数转为字符串，也可将数组转为字符串

                                                .toFixed(数字)：将Number对象后面指定数字表示位数的小数，不够添0，多余舍去

                                               parseInt(”内容"，基数)：这是一个全局函数，转为整型.。基数参数可选，表示转为特定的进制

 ===和==的区别：

                                    ==：表示只要两个值相等就行。

                                   ===：表示值和类型都相等。

定义函数：用function关键字定义一个函数，也可用function()构造函数定义一个匿名函数

 HTML事件：

                           onchange：HTML元素改变

                           onclick：点击HTML元素

                            onmouseover：在HTML元素上移动鼠标

                              onmouseout：从HTML元素上移开鼠标

                              onkeydown：按下键盘

                               oload：浏览器加载完页面

 if、for、while、do-while、switch语句和其他语言基本一样，不再总结。break和continue用法也是一样。

可用typeof测试变量的类型

                           

正则表达式

         正则表达式是用单个字符串来描述、匹配一系列符合某种模式规则的字符串搜索模式。

             字符串对象.search(字符串) ：用于检索子字符串在字符串对象中的位置，返回值是字符串的起始位置

              字符串对象.replace(字符串，替换内容)：将字符串对象中的指定字符串替换掉