课程回顾

  1. JavaScript
  2. 引入方式：
  3. 内联： 在标签内部的事件属性中添加js代码
  4. 内部：在html页面中添加script标签，在标签体内写js
  5. 外部：在单独js文件中写js代码 通过script标签的src属性引入js文件，引入文件之后在标签体内就不能再写js代码
  6. 数据类型
  7. js内置对象
  8. 浏览器内置对象
  9. 自定义对象
  10. 常见js内置对象
  11. 数值类型 number
  12. 字符串 string
  13. 布尔值 boolean
  14. 未定义 undefined
  15. 常见类型间的隐式转换
  16. 字符串： 转数值 能转直接转 不能转 转成NaN ，转布尔值 ""转false其它true
  17. 数值：转字符串直接转 转布尔值 0和NaN转false 其它true
  18. 布尔值：转字符串直接转 转数值 true->1 false->0
  19. undefined：转字符串直接转 转数值NaN 转布尔值false
  20. null：转字符串直接转 转数值0 转布尔值false
  21. 运算符
  22. 和Java大体相同
  23. ==先统一类型然后再比较值 ===先比较类型 再比较值
  24. typeof x; 获取变量的类型 typeof 66 + 6 = "number6"
  25. 语句
  26. 和Java大体相同
  27. if和while的括号里面的内容如果不是布尔值则 自动隐式转换成布尔值
  28. for循环中的int i改成 var i 不支持增强for循环
  29. 方法(函数)
  30. 三种声明方法的方式：
  31. function 方法名(参数列表){方法体}
  32. var 方法名 = function(参数列表){方法体}

  33. var 方法名 = new Function("参数1","参数2","方法体");

  34. 和页面相关的方法

  35. 通过id获取页面元素 var div = document.getElementById("id");
  36. 获取和设置文本框的内容 var myinput = document.getElementById("i1"); 获取 myinput.value 赋值 myinput.value="xxx";
  37. 获取和设置元素的文本内容 span h1-h6 div p 获取 div.innerText 赋值 div.innerText = "xxx"; 追加 div.innerText += "xxx";
  38. 获取和设置元素的html内容 获取 div.innerHTML 赋值 div.innerHTML="

    abc

    "; 追加 div.innerHTML+="xxx";

String相关内容

  1. 创建字符串的两种方式
  2. var s1 = "abc";
  3. var s2 = new String("abc");
  4. 把字符串转换成数值
  5. parseInt(num) 转成整数
  6. parseFloat(num) 转成小数或整数
  7. Number(num) 等效parseFloat
  8. 字符串转大小写
  9. str.toUpperCase();
  10. str.toLowerCase();
  11. 获取字符串出现的位置
  12. str.indexOf("a");
  13. str.lastIndexOf("a");
  14. 截取字符串
  15. str.substring(start,?end);
  16. 替换字符串
  17. str.replace(old,new);
  18. 拆分字符串
  19. str.split(",");

数组相关

  1. 创建数组的两种方式
  2. var arr1 = ["小明",18,true];
  3. var arr2 = new Array(); //创建一个空数组
  4. 往数组中添加内容
  5. arr2.push("abc");
  6. 修改数组的长度(Java中数组长度是不可以修改的) arr1.length=1;
  7. 数组遍历和Java一样
  8. 数组反转 var arr = [1,2,3]; arr.reverse();
  9. 数组排序
  10. 数组默认的排序规则是按 数组排序 var arr = [10,18,5,22,21,52]; arr.sort();照数组内元素的unicode编码进行排序比完第一个字符比第二个

  11. 自定义排序：

    var arr = [58,51,8,2,23,66]; //创建一个自定义的排序方法 function sortfn(a,b){ //return a-b;//升序 return b-a; //降序 } //使用自定义方法排序 如果数组中装的是自定义对象 //可以通过对象的任意属性进行排序，比较灵活

    alert(arr.sort(sortfn));

日期相关内容

正则表达式

. :匹配任意字符除了换行 \w:匹配任意数字、字母、下划线 \d:匹配任意数字 \s:匹配任意空白 ^ :开头 $ :结尾

通过js代码给元素添加或修改class值

代码介绍

demo01 九宫格练习 demo02 添加方块练习 demo03 三角形练习 demo04 拆分练习 demo05 自定义排序 demo06 正则 demo07 注册校验练习

课程回顾

day01

day02