简介

image.png

JavaScript引入方式

image.png
image.png
image.png//alert表示弹出一个警告框
image.png

image.png

JavaScript基础语法

书写语法

image.png
image.png

变量

image.png

  • var:
    • 作用域:全局变量
    • 变量可以重复定义
      • image.png20会覆盖30

        数据类型

        image.png
        image.png

        运算符

        image.png
        image.png

        image.png流程控制语句

        image.png

        函数

        image.png
        image.png

        JavaScript对象

        Array

        image.png
        image.png
        注:当一个数组位置没有被赋值的时候,默认为undefined,alert(arr3[9])=)输出为undefined
  1. var arr3=[1,2,3];
  2. arr3[10]=10;
  3. alert(arr3)//变长

image.png

 arr3[5]="hello";
      alert(arr3)//变类型

image.png
image.png删除元素表示从位置0开始,删除一个元素

String


image.png

//方式一
      var str1=new String("abc");
      //方式二
      var str2="abc";
      var str3='abc';
      //length
      alert(str3.length);//输出3
      //trim():去除字符串前后两端的空白字符
      var str4='     abc    ';
      alert(1+str4.trim()+1);//输出1abc1

注:trim() 方法
image.png
image.png
image.png

BOM

image.png

  • window
  • image.png

    window.alert("abc");
        alert("bbb");
        //confirm,点击确定返回true 点击取消,返回true
      var flag=confirm("确认删除");
       if(flag){
           alert('删除成功');
       }
    
  • History

image.png

  • Location
  • image.png

    DOM

    image.png
    image.png
    image.png
    image.png
    image.png

    事件监听

    事件绑定

    image.png

    常见事件

    image.png

    正则表达式

    image.png