javascript

JavaScript介绍

　　JavaScript是运行在浏览器端的脚步语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互。 JavaScript是浏览器解释执行的，前端脚本语言还有JScript（微软，IE独有），ActionScript( Adobe公司，需要插件)等。

 

嵌入方式

　　1、行间事件。　　

　　  <input type="button" name="" onclick="alert('ok！');">

　　2、页面Script标签嵌入 。　　

　 <script type="text/javascript"> 　　</script>


　　3、外部引入

　　  <script type="text/javascript" src="js/index.js"></script>

 

注释方式

单行注释  \\

多行注释 \*   *\

 

JavaScript变量

　　JavaScript 是一种弱类型语言，javascript的变量类型由它的值来决定。 定义变量需要用关键字 'var'

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

　　1种复合类型：object

　　

变量、函数、属性、函数参数命名规范

1、区分大小写
2、第一个字符必须是字母、下划线（_）或者美元符号（$）
3、其他字符可以是字母、下划线、美元符或数字

 

获取元素方法

通过获取目标元素id : <script type="text/javascript">

　　　　　　　　　　　　var oDiv = document.getElementById('div1');

　　　　　　　　　　</...>

　　　　　　　　　　......

　　　　　　　　　　<div id="div1"></...>

　　方法一：将javascript放到页面最下边

　　方法二：将javascript语句放到window.onload触发的函数里面

　　　　window.onload = function()

函数

　　定义函数function aa(){函数内容}

　　执行函数 aa();

　　函数预解析:function的函数在加载界面的时候会被提前

　　一般函数的触发与按钮相关，调用方法为　

<script type="text/javascript">        
    function myalert(){
        alert('ok!');
    }
</script>
......
<input type="button" name="" value="弹出" onclick="myalert()">
或者在函数中为onclick事件赋值

var oBtn = document.getElementById('btn1');
    oBtn.onclick = myalert;
    function myalert(){
        alert('ok!');
    }

或者采用匿名函数的形式

oBtn.onclick = function (){
        alert('ok!');
    }

   函数传参

  function myalert(a){
          alert(a);
      }
      myalert(12345);

   函数'return'关键字 

　　1、返回函数执行的结果
　　2、结束函数的运行
　　3、阻止默认行为

条件语句

　　if else

　　　　if( 条件 ){   }

　　　　else if ( 条件 ){  }

　　　　else { }

　　switch

　　　　switch ( 变量 ){

　　　　　　case 0 :

　　　　　　　　行为；

　　　　　　　　break；

　　　　　　case 1:

　　　　　　　　行为；

　　　　　　　　break;

　　                              }

 

数组

　　定义数组的方法

　　var alist = new array[1,2,3,];

　　var alist2 = [1,2,3,'asd'];

　　操作数组中的数据

　　　　1、获取数组的长度：aList.length;

　　　　2、用下操作数组的某个数据：aList[0];第一个数据

　　　　3、join() 将数组成员通过一个分隔符合并成字符串

　　　　　　var aList = [1,2,3,4];
　　　　　　alert(aList.join('-'));
　　　　　　或者用"",可以直接合并为1234

　　　　4、push() 和 pop() 从数组最后增加成员或删除成员

　　　　5、unshift()和 shift() 从数组前面增加成员或删除成员

　　　　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(4));\\得到4

　　　　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

　　多维数组

　　　　组成数组的元素也是数组

 

循环语句

　　for（i=0;i<len;i++）{

　　　　　　　　}

　　　　数组去重

　　var aList = [1,2,3,4,4,3,2,1,2,3,4,5,6,5,5,3,3,4,2,1];

　　var aList2 = [];

　　　　for(var i=0;i<aList.length;i++)
　　　　　　{
  　　　　  if(aList.indexOf(aList[i])==i)
  　　　　  {
   　　　　     aList2.push(aList[i]);
  　　　　  }
　　　　}

　　　　alert(aList2);