JavaSrcipt入门基本知识

数组

JS的数组和Java的很像，要使用都得先声明再new

var array = new Array()  // Array是数组类名，可以不带参数
var array = new Array(5)  // 五个元素
var array = new Array(3， 4， 5)  // 声明并赋值

数组规定很松散，可以随意增加元素
用.length来查看长度

二维数组

 // 方法一
 var myarr=new Array();  //先声明一维 
for(var i=0;i<2;i++){   //一维长度为2
   myarr[i]=new Array();  //再声明二维 
   for(var j=0;j<3;j++){   //二维长度为3
   myarr[i][j]=i+j;   // 赋值，每个数组元素的值为i+j
   }
 }
 
 // 方法二
 var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]

事件

onclick()鼠标点击事件
onmouseover()鼠标经过事件
onmouseout()鼠标移开事件
onfocus()光标聚集事件
onblur()失焦事件
onselect()内容选中事件
onchange()文本框内容改变事件
onload()加载事件，一般在body标签里面
onoutload()卸载事件，主要是点击链接跳转的时候触发

依旧是一个练习

<!DOCTYPE html>
<html>
 <head>
  <title> 事件</title>  
  <script type="text/javascript">
   function count(){
       var a = document.getElementById("txt1").value;  // .value不要忘，要不然就是一个对象
       var method = document.getElementById("select").value;
       var b = document.getElementById("txt2").value;
       var result;
       switch (method)
       {
           case "+":  // JS字符也是双引号
               result = parseInt(a) + parseInt(b);
               break;
            case "-":
                result = a - b;
                break;
            case "*":
               result = a * b;
               break;
            case "/":
                result = a / b;
       }
        document.getElementById("fruit").value = result;  // 给文本框的文本加入内容也是直接赋值就可以了
   }
  </script> 
 </head> 
 <body>
   <input type='text' id='txt1' /> 
   <select id='select'>
		<option value='+'>+</option>
		<option value="-">-</option>
		<option value="*">*</option>
		<option value="/">/</option>
   </select>
   <input type='text' id='txt2' /> 
   <input type='button' value=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数，得到结果--> 
   <input type='text' id='fruit' />   
 </body>
</html>