JavaScript-常用操作

JavaScript-基础

1、嵌入页面的方式

  1、行间事件（主要用于事件）：
  　　<input type="button" name="" onclick="alert('ok！');">

  2、页面script标签嵌入：
  　　<script type="text/javascript">
  　　  var a = '你好！';
  　　  alert(a);
  　　</script>

  3、外部引入：
  　　<script type="text/javascript" src="js/index.js"></script>

2、变量类型

  1、5种基本数据类型：
  　　number、string、boolean、undefined、null

  2、1种复合类型：
  　　object

  3、变量、函数、属性、函数参数命名规范
  　　1、区分大小写
  　　2、第一个字符必须是字母、下划线（_）或者美元符号（$）
  　　3、其他字符可以是字母、下划线、美元符或数字

3、变量与函数预解析

  javaScript解析过程分为两个阶段，先是编译阶段，然后执行阶段，在编译阶段会将function定义的函数提前，并且将var定义的变量声明提前，将它赋值为undefined。

4、运算符

　1、算术运算符： +(加)、 -(减)、 *(乘)、 /(除)、 %(求余)

　2、赋值运算符：=、 +=、 -=、 *=、 /=、 %=

　3、条件运算符：==、===、>、>=、<、<=、!=、&&(而且)、||(或者)、!(否)

JavaScript-数组

1、定义数组的方法

　//对象的实例创建
　var aList = new Array(1,2,3);
　//直接量创建
　var aList2 = [1,2,3,'asd'];

2、操作数组中数据的方法

　1、获取数组的长度：aList.length;
　　var aList = [1,2,3,4];
　　alert(aList.length); // 弹出4

  2、用下标操作数组的某个数据：aList[0];
　　var aList = [1,2,3,4];
　　alert(aList[0]); // 弹出1

  3、join() 将数组成员通过一个分隔符合并成字符串
　　var aList = [1,2,3,4];
　　alert(aList.join('-')); // 弹出 1-2-3-4

  4、push() 和 pop() 从数组最后增加成员或删除成员
　　var aList = [1,2,3,4];
　　aList.push(5);
　　alert(aList); //弹出1,2,3,4,5
　　aList.pop();
　　alert(aList); // 弹出1,2,3,4

  5、unshift()和 shift() 从数组前面增加成员或删除成员
　　var aList = [1,2,3,4];
　　aList.unshift(5);
　　alert(aList); //弹出5,1,2,3,4
　　aList.shift();
　　alert(aList); // 弹出1,2,3,4

  6、reverse() 将数组反转
　　var aList = [1,2,3,4];
　　aList.reverse();
　　alert(aList); // 弹出4,3,2,1

  7、indexOf() 返回数组中元素第一次出现的索引值
　　var aList = [1,2,3,4,1,3,4];
　　alert(aList.indexOf(1));

  8、splice() 在数组中增加或删除成员
　　var aList = [1,2,3,4];
　　aList.splice(2,1,7,8,9); //从第2个元素开始，删除1个元素，然后在此位置增加'7,8,9'三个元素
　　alert(aList); //弹出 1,2,7,8,9,4

3、多维数组

  多维数组指的是数组的成员也是数组的数组。
　　var aList = [[1,2,3],['a','b','c']];
　　alert(aList[0][1]); //弹出2;

JavaScript-字符串操作

  1、字符串合并操作：“ + ”

  2、parseInt()： 将数字字符串转化为整数

  3、parseFloat()： 将数字字符串转化为小数

  4、split()： 把一个字符串分隔成字符串组成的数组

  5、charAt()： 获取字符串中的某一个字符

  6、indexOf()： 查找字符串是否含有某字符

  7、substring()： 截取字符串 用法： substring(start,end)（不包括end）

  8、toUpperCase()： 字符串转大写

  9、toLowerCase()： 字符串转小写

JavaScript-定时器

  1、setTimeout 只执行一次的定时器

  2、clearTimeout 关闭只执行一次的定时器

  3、setInterval 反复执行的定时器

  4、clearInterval 关闭反复执行的定时器

  5、演示示例：
    var time1 = setTimeout(myalert,2000);
    var time2 = setInterval(myalert,2000);
    /*
      clearTimeout(time1);
      clearInterval(time2);
    */
    function myalert(){
      alert('ok!');
    }

JavaScript-变量作用域

  1、全局变量：在函数之外定义的变量，为整个页面公用，函数内部外部都可以访问。

  2、局部变量：在函数内部定义的变量，只能在定义该变量的函数内部访问，外部无法访问。

  3、演示示例：
    <script type="text/javascript">
      // 定义全局变量
      var a = 12;
      function myalert()
      {
        // 定义局部变量
        var b = 23;
        alert(a);
        // 修改全局变量
        a++;
        alert(b);
      }
      myalert(); // 弹出12和23
      alert(a); // 弹出13
      alert(b); // 出错
    </script>

JavaScript-程序调试

  1、输出变量和对象的方法
    alert 
    console.log

  2、断点调试
    通过chrome浏览器调试工具的sources窗口，可以对外链的js文件进行断点调试