《初识Javascript》

什么是JavaScript：

      JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言

JavaScript的特点：

  向HTML页面中添加交互行为

  脚本语言，语法和Java类似

  解释性语言，边执行边解释

JavaScript的组成：

  ECMAScript    JavaScript的基本语法结构9:51 2019/10/29

  BOM          浏览器对象模型（简单的来说就是操控浏览器）

  DOM          文档对象模型（简单的来说就是操控网页中的元素）


JavaScript的执行原理

     1、发送请求 （输入地址进行请求包含JavaScript的页面）

     2、服务器接收请求（接收到需要加载的JavaScript页面）

     3、服务器响应请求（接收到以后响应给电脑上（客户端）上显示效果）


JavaScript的三种引入方式:

     1)行内引入：

      <input name="btn" type="button" value="弹出消息框" onclick="javascript:alert('欢迎你');"/>

     2)内部引入:

      <script  type="text/javascript">

      //此处写代码

      </script>

     3、外部引入方式

       <script src=”文件路径”  type="text/javascript"></script>

变量使用:

      1）先声明，在赋值

          Var i; i=10;

  2 ) 声明并赋值

    var i=10;

  3）不声明进行赋值（不推荐使用）

     i=10;

JavaScript的常用数据类型：

  1）undefined     声明没有赋值              例如：var  i;    

  2）null          表示空值，和undefined相等  
  3）number        数值类型（包括浮点型和整数）    

  4）boolean       布尔类型 （true和false）

  5）string        字符串类型（简单的来说就是带引号的）

  6）object        对象类型（可以调用方法，例如时间函数Date，数学函数Math）

typeof运算符的使用  
  作用：检测变量是什么类型

    例如： var  i=10           document.write(typeof  i); //输出为number类型

    例如： var d=new Date();   document.write(typeof  d); //输出为Object类型

String 对象的常用属性和方法

  1）字符串属性length

          例如：  var i=“I love you”    i.length的值为10   （包含空格）

  2）字符串方法charAt(下标)

      根据下标找字符  例如：

          var i=“I love you”；     i.charAt(4)   的值为v        
  3）indexOf(字符)

      查找第一次字符出现的位置（下标） 例如：

    var i=“I love you”；       i.indexOf(o)   的值为3

  4）substring(下标1，下标2)

           截取字符串，注意取前不取后

    var i=“I love you”；       i. substring (2,4)   的值为 “lo”

  5）split(字符串)

     将字符串分割为数组  例如：

  var str="1-2-3-4-5";

  var arr=str.split("-");      //将字符串str通过split()方法通过“-”分割成数组

  for(var i=0;i<arr.length;i++){

      document.write(arr[i]+"<br/>");  //输出数组中的所有信息

  }

数组的使用：

  var 数组名称=new Array(长度)；

    声明并赋值

    var 数组名称=new Array(“张三”，”李四”，“王五”);

数组遍历两种方式：

  1）  使用for循环遍历

  2）  使用for-in遍历

  for(var  i   in  数组名称){

      document.write("<br/>"+数组名称[i]);

  }

数组的方法和属性：

  var  arr=new Array("4","3","7","5","1");

      1）arr.length       获取数组长度     的值为 5

  2）arr.join("#" )   添加一个字符把数组中的数变成字符串   结果为：4#3#7#5#1

  3）arr.push(2)      末尾插入一个数据，变成新的长度数组   结果为：437512

  4）arr.sort()       根据字母依次从前往后排序             结果为：13457

系统函数：

  parseInt ("字符串")        将字符串转换为整型数字  
  parseFloat("字符串")      将字符串转换为浮点型数字  
  isNaN()     用于检查其参数是否是非数字        数值类型为false    非数值为true

自定义函数

  1、定义函数

        function   函数名(){

    //js代码

    }

  2、函数调用

            按钮调用：  onclick=”函数名()”   点击时触发函数（方法）

                超链接调用:     <a href="javascript:函数名()"></a>