学习JavaScript第一周的知识点小结

致敬JavaScript的作者:布兰登·艾克

 

 目录:

1.JS的写法  2.事件(或称属性)    3.获取元素    4.流程控制语句(就是判断)  5.循环  

6.  字符串  7.数据类型  8.显式数据类型转换/强制类型转换  9.运算符  10.随机数

11.函数的两种形式  12.return   13.判断真假的标准  14.字符串操作  15.数组操作

16.时间对象

 

 

知识点:

1.JS的写法

  遇到 - 的,去掉减号然后把减号后面的字母大写。

  例如,css里面的 margin-top,在JS里面要写成:marginTop。

  href:"javascript:;"       a标签没有内容可写的时候可以用这个空的js语句。

  class是js里面唯一特殊的东西,要写成className

  innerHTML    改变HTML元素内容

js三步走:

  1.window.onload=function(){};

  2.var获取元素

    一个元素用oBtn,一组元素用aBtn

  3.加事件

 

2.事件(或称属性)

  window.onload  页面加载完成

  onclick

  onmouseover

  onmouseout

  onfocus  获得焦点

  onblur    失去焦点

 

3.获取元素

  document.getElementById();

  document.getElementsByTagName();  通过标签名获取一组元素

  document.getElementsByClassName();

  var aLi=oUl.children 选取所有子级

  document.getElementsByTagName('')[0];

    获取一组元素的时候要写下标(从0开始),用下标指定第几个元素

  

4.流程控制语句(就是判断)

  第一种 if            if里面的条件只有真和假。可以通过真假判断哪个走if哪个走else。判断真假的标准在第13条。

  if (条件) {

    语句1}

   else{

    语句2}

    };

 

  第一种的加强版

  if (条件1) {

    语句1}

   else if(条件2){

    语句2}

   }else{

    语句3

   };

 

  第二种:switch+case

  switch(变量){

    case'条件';

      语句1;

      break;

    default:

      语句;

      break;

    }

 

5.循环

  5.1 whil循环  不确定次数的循环

    (1)初始化   i=0

    (2)条件      i<6

    (3)语句  alert(i)

    (4)自增  i=i++。如果不加自增会陷入死循环,死循环会消耗性能。

    

    var i=0;

    while(i<6){

      alert(i);

       i++;

      } 

  5.2 for循环  有固定次数的循环

    for(var i=0; i<6; i++){

      alert(1);

      }

 

6.  字符串    '12'+5=125

      带引号的都是字符串 ' '    " "

  数组的两种写法

      var arr=[1,2,3,4];

      var Array(1,2,3,4);

  

7.数据类型

  检测数据类型 : typeof

  基本类型

    string 字符串

    number 数字

    boolean 布尔值

    undefined 未定义

  复合类型

    object 对象

  function 函数

 

8.显式数据类型转换/强制类型转换

  为什么要转

    比如一些数字,可能被识别成字符串,转成数字方便使用

    parseInt 整数

    parseFloat 整数、小数/浮点数

    Number 严格的数字

  NaN 非数字(只是一个标识)

    属于数字类型 自己不等于自己

  隐式类型转换

    -减 *乘 /除 %模。+需要用显式类型转换,否则会被识别成连接符。

 

9.运算符

  + - * / %

  += -= *= /= %=

比较运算符

  < > <= >=

  !=   ==

  ===    !==

逻辑运算符

  ! 非 取反

  && 与 并且

  || 或 或者

 

10.随机数    Math.random(); 0-1之间     1永远不会出现

  function rnd(n,m){

  return parseInt(Math.random()*(m-n)+n);

  }

 

11.函数的两种形式

  命名函数

    function show(){                定义

            }

    show();                             调用

  调用方式:function show(a,b){      定义一个show函数

          alert(a-b);

          }

        show(12,5);     调用这个函数,给它赋值让其执行

  匿名函数

    obj=function (){};             调用

    function

 

 12.return :返回值   return 12;    -> show();

    阻止后面的程序

 

 13.判断真假的标准

  真-true

    非零数字 非空字符串 非空对象

  假-false

    数字零 空字符串  undefined(未定义)    null(空对象)       NaN

 

14.字符串操作

  (1)str.indexOf('字符') 

    查第一次出现的字符的下标,如果没查到则返回值-1

    例:var str='dioauognosufoeiufosngvmlasisfji';

      alert(str.indexOf('a'));

  (2)str.charAt(数字)

    查某个下标对应的字符,如果下标超出了字符串长度则返回空

    例:var str='aojfsngosajfoijfoe';

      alert(str.charAt(100));    

  (3)str.lastIndexOf('字符');

    返回最后一次出现该字符对应的下标

    例:var srt='kafiajfoiaijefonvozjf';

      alert(str.lastIndexOf('v'));

  (4)str.substring(起始位置,结束位置);

    切一段,包含包括起始,不包括结束。(如果只写一个值,从开始位置一直切到最后)

    例:var srt='diaufoueQQOIJLljfoiv';

      var str2=str.substring(4);

      alert(str2);

  (5)str.toUpperCase();   转大写     str.toLowerCase();  转小写

    例:var str='abc';

      var str2=str.toUpperCase();

      alert(srt2);      

  (6)str.split('');     转数组

    例:var str='abcd';

      var arr=str.split('');

      alert(arr);

      屏显a,b,c,d

 

15.数组操作

  (1)arr.push 向后添加

    例:var arr=[1];

      arr.push(2);

      alert(arr);   屏显1,2

  (2)arr.pop 后面删除

    例:var arr=[1,2,3,4];

      arr.pop();

      alert(arr);    屏显1,2,3

  (3)arr.shift 前面删除

    例:同上

  (4)arr.unshift 前面添加

    例:arr.unshift(0);

  (5)arr.join 数组转字符串

    例:var arr=[1,2,3,4];

      var str=arr.join();    输出1,2,3,4

      var str=arr.join('-');  输出1-2-3-4

  (6)arr.reverse 翻转数组

    例:var arr=[1,2,3,4];

      arr.reverse();

  (7)arr.splice 切

    一个值 从起始位置切到最后

    两个值 从起始位置切到结束位置

    三个值(及以上) 从起始位置切到结束位置,第三个值是替换(后面的n个值都是替换)

  (8)arr.sort 排序

  排数字有问题(按照字典序排)

  如果想从小到大排序

  arr.sort(function (n1,n2){
    return n1-n2;        从小到大排序
    return n2-n1;        从大到小排序
    });

  例:var arr=[99,63,82,16,27,-100,223];

    arr.sort(function (n1,n2){

        return n1-n2;        
    });
    

    alert(arr);

 

16.时间对象

  var oDate=new Date(); 日期对象

 

  var y=oDate.getFullYear();    年

  var m=oDate.getMonth()+1;   月

  var d=oDate.getDate();      日

  var day=oDate.getDay();    星期

 

  var H=oDate.getHours();    时

  var M=oDate.getMinutes();   分

  var S=oDate.getSeconds();   秒

  var MS=oDate.getMilliseconds() ;  毫秒

 

posted @ 2017-03-12 13:23  萌面君  阅读(378)  评论(0编辑  收藏  举报