JavaSrcipt入门基本知识

Author Avatar
Patrick 2月 01, 2017

JavaSrcipt入门基本知识

数组

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

    1
    2
    3
    var array = new Array()  // Array是数组类名,可以不带参数
    var array = new Array(5) // 五个元素
    var array = new Array(345) // 声明并赋值
  • 数组规定很松散,可以随意增加元素

  • 用.length来查看长度
  • 二维数组

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     // 方法一
    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()卸载事件,主要是点击链接跳转的时候触发

依旧是一个练习

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!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>