AJax技术

JavaScript学习小结(2)

字号+ 作者:H5之家 来源:H5之家 2017-07-29 11:03 我要评论( )

今天是学习js的第二天,将今天的学习内容小作总结,供日后复习使用。一、变量:声明:varname=wangye;二、数组:数组存在索引,从零开始,最后一位是长度减一(l

今天是学习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 } }

流程控制语句省略。


三、事件:

主要事件表:


JavaScript学习小结(2)




①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:

JavaScript学习小结(2)

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


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


美女报



 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 资料编码,AJAX编码学习笔记

    资料编码,AJAX编码学习笔记

    2017-07-29 11:04

  • 跟着9张思维导图学习JavaScript

    跟着9张思维导图学习JavaScript

    2017-07-29 09:02

  • 图表/图形JavaScript脚本

    图表/图形JavaScript脚本

    2017-07-25 16:02

  • 最全面的JavaScript调试技巧总结 码农网

    最全面的JavaScript调试技巧总结 码农网

    2017-07-23 18:00

网友点评
s