JavaScript（JS）

JavaScript（JS）的基础知识点

1. 概述：是一门跨平台，面向对象的脚本语言，用来控制网页行为，可以使得网页可交互
2. 引入方式
       1.内部脚本 位于<script>......</script>
       2.外部脚本 <script src = "js脚本"></script>
3. 基础语法

   1. 输出语句
          window.alert()写入警告框
          document.write()写入HTML输出
          console.log()写入浏览器控制台

   2. 变量
          2.1.用 var 关键字声明变量（由于JavaScript是一门弱类型语言，变量可以存放不同类型的值）
          2.2.变量名规则：字母，数字，下划线，美元符号，数字不能开头

   3. 数据类型
          3.1.原始类型
              number:数字 （整数 ，小数 ， N）
              string：字符，字符串
              boolean： 布尔
              null ：对象为空
              undefined ： 当声明的变量未初始化时 的默认值
          3.2.引用类型
               对象
               数组
          3.3数据类型转换
              转换函数
                  parseInt("string")：字符串强制转化为整型
                  parseFloat("string")：字符串强制转化为浮点型
                  只有string类型才能调用上述方法，不然会返回NaN。
                  parseInt("string",2);当parseInt()方法带有两个参数时，第二个参数表示将字符串按二进制来转换成整数。
                  第二个参数可以设置为二进制，八进制，十进制，十六进制等。
              强制转换函数
                  Boolean(value)——把给定的值转换成Boolean型；
                  Number(value)——把给定的值转换成数字（可以是整数或浮点数）；
                  String(value)——把给定的值转换成字符串。

   4. 流程控制语句
          if
          switch
          for
          while
          do...while

   5. 函数
          概念：被设计为执行特定任务的代码块，通过 function关键字定义
          JS对象
              Array对象 （长度和类型都可变）
                  定义方式：
                      var 变量名 = new Array(元素列表)；
                      var 变量名 = [元素列表]；
                  方式方式
                      变量名[index] = 值；
              String
                  定义方式：
                      var 变量名 = new String ("字符串值")
                      var 变量名 = s;
                  方法
                      charAt(索引) 返回指定位置的字符
                      indexOf() 检索字符串
              自定义对象

      4.BOM(浏览器对象模型)
          组成：
              Window:浏览器窗口对象 
                  获取对象： window.alert("字符串")；window.可以省略
                  显示一段消息，有确认和取消按钮 ： confirm("字符串")
                  按照指定的周期，来调用函数或计算表达式     setInterval(function(){},毫秒值)
                  在指定的毫秒数后调用函数或计算表达式  setTimeout(function(){},毫秒值)
              Navigator:浏览器对象
              Screen:屏幕对象
              History:历史记录对象
                  方法：
                      back() 加载history列表中的前一个URL
                      forward（）加载history列表中的下一个URL
              Location:地址栏对象

      5.DOM(文档对象模型)
          概述： JavaScript 将 HTML 文档的各个组成部分封装为对象。
          封装的对象：
              Document :整个文档对象
              Element:元素对象
                  获取元素对象 ： Document
                      getElementById() ：根据id属性值获取，返回单个Element对象
                      getElementsByTagName() ：根据标签名称获取，返回Element对象数组
                      getElementsByName() ：根据name属性值获取，返回Element对象数组
                      getElementsByClassName() ：根据class属性值获取，返回Element对象数组
              Attribute:属性对象
              Text:文本对象
              Comment:注释对象

   6. 事件监听
          概念：JS可以在事件被侦测到时执行代码
              常见事件
                  onclick :鼠标单击事件
                  onblur：元素失去焦点
                  onfocus: 元素获得焦点
                  onsumbit:表单提交触发的事件
       

                      

---