JavaScript学习小结（2）

今天是学习js的第二天，将今天的学习内容小作总结，供日后复习使用。

一、变量：

声明：

var name="wangye";

二、数组：

数组存在索引，从零开始，最后一位是长度减一（length-1）

var myarr=new Array(); //定义数组
 myarr[0]="wadda"; //为数组赋值
 myarr[1]=60;
 myarr[2]=99;

数组赋值的三种方式：

①根据索引号逐一赋值。

var myarray=new Array(); //创建一个新的空数组
myarray[0]=66; //存储第1个人的成绩
myarray[1]=80; //存储第2个人的成绩
myarray[2]=90; //存储第3个人的成绩
myarray[3]=77; //存储第4个人的成绩
myarray[4]=59; //存储第5个人的成绩

②创建数组的同时赋值。

var myarray = new Array(66,80,90,77,59);//创建数组同时赋值

③直接赋值。

（逐一复制时使用的是“[”、“]”）

var myarray = [66,80,90,77,59];//直接输入一个数组（称 “字面量数组”）

注意：数组的长度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   } }

流程控制语句省略。

三、事件：

主要事件表：

①onclick：

鼠标点击事件：当用户点击某个按钮时，调用相应函数，实现相应功能。

代码如下：

<html>
<head>
   <script type="text/javascript">
      function add2(){
        var numa,numb,sum;
        numa=6;
        numb=8;
        sum=numa+numb;
        document.write("两数和为:"+sum);  }
   </script>
</head>
<body>
   <form>
      <input name="button" type="button" value="点击提交" onclick="add2()" />
   </form>
</body>
</html>

②onmouseover：

鼠标经过事件：当鼠标经过某个对象时发生。

代码如下：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 鼠标经过事件 </title>
<script type="text/javascript">
    function message(){
      confirm("请输入密码后，再单击确定!"); }
</script>
</head>
<body>
<form>
密码:<input name="password" type="password" >
<input name="确定" type="button" value="确定" onmouseover="message()"/>
</form>
</body>
</html>

③onunload：

关闭网页事件：

可以用来制作删除按钮时提示是否删除。

代码如下：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 卸载事件 </title>
<script type="text/javascript">   
     window.onunload = onunload_message;   
     function onunload_message(){

        confirm("您确定删除吗？");       }   </script>   </head><body>    <input type="button" name="delete" value="删除信息" onclick="onunload_message()"></body></html>

其余事件不做详细说明。

四、内置对象：

Date:

String、Math、Array对象不做详细解释，在实际的项目中，日期对象用的较多。

以上便是今天所有的学习内容，内容不多，也不繁杂，多学，多总结，多动手。

美女报

更多相关文章

随机推荐