JavaScript进阶基础一

算术运算符主要用来完成类似加减乘除的工作&＃xff0c;在Javascript中&＃xff0c;“&＃43;”不只代表加法&＃xff0c;还可以连接两个字符串&＃xff0c;例如&＃xff1a;

mystring &＃61; "Java" &＃43; "Script";

 // mystring的值“Javascript”这个字符串

如果我们想知道数组的大小&＃xff0c;只需引用数组的一个属性length。Length属性表示数组的长度&＃xff0c;即数组中元素的个数。

语法&＃xff1a;

myarray.length; //获得数组myarray的长度

注意&＃xff1a;因为数组的索引总是由0开始&＃xff0c;所以一个数组的上下限分别是&＃xff1a;0和length-1。如数组的长度是5&＃xff0c;数组的上下限分别是0和4。

var arr&＃61;[55,32,5,90,60,98,76,54];//包含8个数值的数组arr 

document.write(arr.length); //显示数组长度8

document.write(arr[7]); //显示第8个元素的值54

同时&＃xff0c;Javascript数组的length属性是可变的&＃xff0c;这一点需要特别注意。

arr.length&＃61;10; //增大数组的长度

document.write(arr.length); //数组长度已经变为10

数组随元素的增加&＃xff0c;长度也会改变&＃xff0c;如下:

var arr&＃61;[98,76,54,56,76]; // 包含5个数值的数组

document.write(arr.length); //显示数组的长度5

arr[15]&＃61;34;  //增加元素&＃xff0c;使用索引为15,赋值为34

alert(arr.length); //显示数组的长度16

一维数组&＃xff0c;我们看成一组盒子&＃xff0c;每个盒子只能放一个内容。 

一维数组的表示: myarray[ ]

二维数组&＃xff0c;我们看成一组盒子&＃xff0c;不过每个盒子里还可以放多个盒子。 

二维数组的表示: myarray[ ][ ]

注意: 二维数组的两个维度的索引值也是从0开始&＃xff0c;两个维度的最后一个索引值为长度-1。 

1. 二维数组的定义方法一

var myarr&＃61;new Array();  //先声明一维 

for(var i&＃61;0;i<2;i&＃43;&＃43;){   //一维长度为2

   myarr[i]&＃61;new Array();  //再声明二维 

   for(var j&＃61;0;j<3;j&＃43;&＃43;){   //二维长度为3

   myarr[i][j]&＃61;i&＃43;j;   // 赋值&＃xff0c;每个数组元素的值为i&＃43;j

   }

 }

2. 二维数组的定义方法二

var Myarr &＃61; [[0 , 1 , 2 ],[1 , 2 , 3, ]]

3. 赋值

myarr[0][1]&＃61;5; //将5的值传入到数组中&＃xff0c;覆盖原有值。

说明: myarr[0][1] ,0 表示表的行&＃xff0c;1表示表的列。

函数定义好后&＃xff0c;是不能自动执行的&＃xff0c;需要调用它,直接在需要的位置写函数名。

第一种情况:在

  //按钮,onclick点击事件&＃xff0c;直接写函数名

上节中add2()函数不能实现任意指定两数相加。其实&＃xff0c;定义函数还可以如下格式&＃xff1a;

function 函数名(参数1,参数2)

{

     函数代码

}

注意:参数可以多个&＃xff0c;根据需要增减参数个数。参数之间用(逗号&＃xff0c;&＃xff09;隔开。

按照这个格式&＃xff0c;函数实现任意两个数的和应该写成&＃xff1a;

function add2(x,y)

{

   sum &＃61; x &＃43; y;

   document.write(sum);

}

x和y则是函数的两个参数&＃xff0c;调用函数的时候&＃xff0c;我们可通过这两个参数把两个实际的加数传递给函数了。

例如&＃xff0c;add2(3&＃xff0c;4)会求3&＃43;4的和&＃xff0c;add2(60,20)则会求出60和20的和。

思考:上一节函数中&＃xff0c;通过"document.write"把结果输出来&＃xff0c;如果想对函数的结果进行处理怎么办呢&＃xff1f;

我们只要把"document.write(sum)"这行改成如下代码&＃xff1a;

function add2(x,y)

{

   sum &＃61; x &＃43; y;

   return sum; //返回函数值,return后面的值叫做返回值。

}

还可以通过变量存储调用函数的返回值&＃xff0c;代码如下:

result &＃61; add2(3,4);//语句执行后,result变量中的值为7。

注意:函数中参数和返回值不只是数字&＃xff0c;还可以是字符串等其它类型。 

Javascript 创建动态页面。事件是可以被 Javascript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 Javascript 函数或程序的事件。

比如说&＃xff0c;当用户单击按钮或者提交表单数据时&＃xff0c;就发生一个鼠标单击&＃xff08;onclick&＃xff09;事件&＃xff0c;需要浏览器做出处理&＃xff0c;返回给用户一个结果。

主要事件

Onclick 鼠标单击事件

Onmouseover 鼠标经过事件

Onmouseout 鼠标移开事件

Onchange 文本框内容改变事件

Onselect 文本框内容被选中事件

Onfocus 光标聚集

Onblur 光标离开

Onload 网页导入

Onunload 关闭网页

Javascript 中的所有事物都是对象&＃xff0c;如:字符串、数值、数组、函数等&＃xff0c;每个对象带有属性和方法。

对象的属性&＃xff1a;反映该对象某些特定的性质的&＃xff0c;如&＃xff1a;字符串的长度、图像的长宽等&＃xff1b;

对象的方法&＃xff1a;能够在对象上执行的动作。例如&＃xff0c;表单的“提交”(Submit)&＃xff0c;时间的“获取”(getYear)等&＃xff1b;

Javascript 提供多个内置对象&＃xff0c;比如 String、Date、Array 等等&＃xff0c;使用对象前先定义&＃xff0c;如下使用数组对象&＃xff1a;

  var objectName &＃61;new Array();//使用new关键字定义对象

或者

  var objectName &＃61;[];

访问对象属性的语法:

objectName.propertyName

如使用 Array 对象的 length 属性来获得数组的长度&＃xff1a;

var myarray&＃61;new Array(6);//定义数组对象

var myl&＃61;myarray.length;//访问数组长度length属性

以上代码执行后&＃xff0c;myl的值将是&＃xff1a;6

访问对象的方法&＃xff1a;

objectName.methodName()

如使用string 对象的 toUpperCase() 方法来将文本转换为大写&＃xff1a;

var mystr&＃61;"Hello world!";//创建一个字符串

var request&＃61;mystr.toUpperCase(); //使用字符串对象方法

以上代码执行后&＃xff0c;request的值是&＃xff1a;HELLO WORLD!