zoukankan      html  css  js  c++  java
  • 学习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() ;  毫秒

  • 相关阅读:
    .Net 多线程小结
    VIM 入门操作
    C语言中的数据
    对scanf和printf的研究!!
    C语言常用的编程规范
    ORACLE GOLDEN GATE oracle同步数据至kafka
    mysql5.7关于使用到OR是否会用到索引并提高查询效率的探讨
    sysbench安装
    percona数据库监控工具的安装部署
    redhat6 快速部署percona
  • 原文地址:https://www.cnblogs.com/cnyaokai/p/6537608.html
Copyright © 2011-2022 走看看