javascript.docx

javascript.docx

《javascript.docx》由会员分享，可在线阅读，更多相关《javascript.docx（18页珍藏版）》请在冰豆网上搜索。

javascript

My->java-script

javascript开发基础

1.什么是Javascript？

是一种基于对象和事件驱动的解释性脚本语言。

关键字分析：

基于对象——既有面向对象的思想也具有面向过程的特征。

解释性——（跟编译型对立），程序不需要编译就可以直接运行。

脚本语言——运行在客户端的浏览器中。

2.为什么需要使用Javascript？

核心作用：

可以与用户进行有效交互。

3.如何使用Javascript？

在html页面的标签中间使用：

//此处写javascript代码

4.如何定义变量？

语法：

var变量名=值；

注意：

定义任何类型的变量都是关键字var；（Javascript是一门弱类型的语言）

5.如何定义函数？

语法：

function函数名（参数,……）{

//这里写函数的代码

}

调用函数：

方式一：

直接在javascript中调用：

函数名（值，…..）；

方式二：

通过事件去调用：

事件名=“函数名（值）”；

6.补充

①语言类型booleanstringnumberobjectfunctionundefined

②alert（""）;网页消息框

③prompt（"","标题"）用于网页消息框输入的

④getElementsByteNmae（）;用于得到某个集合的元素

⑤时间的得到语法vardate=newdate（）;

示例

//定义函数，返回当前系统的时间

functiongetCurrentDate（）{

vardate=newDate（）;//对象的特点

//原生态代码

varstrdate=date.getFullYear（）+"年"

+（date.getMonth（）+1）+"月"+date.getDate（）

+"日"+date.getHours（）

+"时"+date.getMinutes（）

+"分"+date.getSeconds（）+"秒";

returnstrdate;

}

//调用当前的函数

varresult=getCurrentDate（）;

document.write（result）;

⑥

实例

functionselectall（aa）{

varchk=document.getElementsByName（"checkbox"）;

for（vari=0;i

chk[i].checked=aa.checked;

}

}

functionselectos（）{

varchk=document.getElementsByName（"checkbox"）;

for（vari=0;i

chk[i].checked=!

chk[i].checked;

}

}

全选

反选

a

b

c

d

javascript对象

1.String对象

创建时直接赋值例如：

varstr="asdfds":

方法

anchor:

创建html描

concat连接数组

push添加元素

indexOf检测字符串所在位置

lastIndexOf从后面在位置数起

substring（开始位置,结束位置（从0开始））

substr（开始位置，结束位置（开始位置开始的第几个））;

例如

functiontest（）{

//得到输入的E——mail

varmail=document.form_Email.txt_mail.value;

varnum1=mail.indexOf（"@"）;

varnum2=mail.indexOf（"."）;

//提示是否输入正确

if（num1<0||num2<0）{

alert（"输入的应包含@或.!

!

"）;

return;

}

if（num1>num2）{

alert（"@在.前面！

！

"）;

return;

}

vara=0;

for（vari=0;i

if（mail.charAt（i）=='@'）{

a++;

}

}

if（a>=2）{

alert（"不对"）;

return;

}

if（num1+1

document.form_Email.txt_name.value=mail.substring（0,num1）;

document.form_Email.txt_com.value=mail.substring（num1+1,num2）;

document.form_Email.txt_yuname.value=mail.substring（num2+1）;

}else{

alert（"不对"）;

}

}

2.Date对象

创建实例newDate（）;

getDay（）---》用于得到星期几

实例

vardate=newDate（//可以放一个时间在里面1992-9-23）;

document.write（""）;

document.write（"当前时间为"+（date.getYear（））+"

年"+（date.getMonth（）+1）+"

月"+（date.getDate（））+"

日"+（date.getHours（））+"

时"+（date.getMinutes（））+"

分"+（date.getSeconds（））+"秒"）;

动态时间的写法

functionjia（）{

vardate=newDate（）;

varstr="当前时间为"+（date.getYear（））+"

年"+（date.getMonth（）+1）+"

月"+（date.getDate（））+"

日"+（date.getHours（））+"

时"+（date.getMinutes（））+"

分"+（date.getSeconds（））+"秒";

//更具div标签的id确定插入到标签里去

document.getElementById（"time"）.innerHTML=str;

}