javascript的简介

 

javaScript

1.         将JavaScript嵌入网页

Ø         使用<script>标签将javaScript语句直接嵌入文档。格式：

<SCRIPT language=”javaScript”>

       javaScript语句；

</SCRIPT>

Ø         将Javasript源文件链接到HTML文挡。格式：

<script language=”javaScript” src=”源文件.js”></script>

Ø         javaScript的编写规则：

1.         javaScript语句必须以分号（；）结束。

2.         大小写敏感。

2.         变量：

Ø         变量的命名：必须以字母或下划线开头

Ø         变量声明：使用关键字：var。例如：var a;

3.         特殊字符：

字符	说明
/b	退格符
/f	换页符
/n	换行符
/r	回车符
/t	制表符

Prompt(“提示语”,”填写的东西”)

4.         简介：java脚本语句，提供了几个可用于开发功能完备的应用程序的对象。JavaScript没有显式数组中数据类型

5.         数组：具备相同数据类型的一个或多个值得集合。

l         创建数组：var array =new Array(size)

l         为数组初始化：var emp =new Array(“xiaoping”,”xiaobao”)

Var emp =new Array(3);emp[0]=”xiaoping”; emp[1]=”xiaobao”; emp[2]=”xiaoli”;

l         访问数组元素：emp[0];emp[1];

l         数组常用的属性和方法：

->数组的属性：length à用于返回数组中元素的个数

->数组的常用方法：

方法	说明
Join	将数组元素合成字符串
Reverse	将反转数组，即第一个数组元素变为最后一个，最后一个变为第一个
Sort	对数组元素进行排序

6.         循环语句：

l         For循环         语法结构:for(初始化语句;循环条件;增量语句){ 语句;}

l         Do…..while     语法结构:do{语句;}while(条件);

l         While              while(条件){语句;}

7.         函数：

l         内置函数

1.         eval函数：计算一个表达式的值        

语法：eval(string)；string 可以是JavaScript表达式、语句或语句组

2.         isNaN函数：用于检验参数是否是一个数字，如果是，返回真，否则，false

l         自定义函数

1.         定义函数的语法

function 函数名(参数1，参数2…..){               语句；     }

其中，function是表示函数的关键字，如果需要返回结果，使用return关键字

函数定义一般放在<script>脚本内

2.         调用函数：要调用函数，必须指定函数名及其后面的参数列表（如果有）

调用格式：     事件名=”函数名”;

3.          

l          

8.         JavaScript对象简介：

可以将对象定义为综合数据“包”，对象中包含定义其自身的属性（变量）及处理数据的方法（函数）。格式：对象名.属性名     例如：document.bgcolor

对象名.方法名(参数1，参数2….)     

对象层次结构：

l         浏览器对象

l         内置脚本语言对象

l         HTML对象

例如：document.form1         document.form.text1.value=”xiaoping”

l         String 字符串对象：用于操纵和处理字符串，可以在程序中获得字符串的长度、提取子字符串、以及将字符串转换为大写或小写字符。一般语法是：

字符串对象.属性名       或     字符串对象.方法名()

创建字符串用两种不同的方法：

1． 使用var语句，并根据需要为其给值

var newstr=”这是我写的脚本”

2． 创建字符串对象

var newstr=new String(“这是我写的脚本”)

3． String 对象的属性和方法：

	名称	说明
属性	length	返回字符串的长度
方       法	big()	增加字符串文本的大小
	bold()	将字符串文本设为粗体
	fontcolor()	确定字体的颜色
	italics()	以斜体显示字符串
	small()	减小文本的大小
	strike()	显示带删除线的文本
	sub()	将文本显示为下标
	sup()	将文本显示为上标
	toLowerCase()	将字符串转换为小写
	toUpperCase()	将字符串转换为大写
	charAt(index)	返回位于指定索引位置的字符
	indexOf(searchtext [,startindex])	用来确定一个字符串是否包含在另一个中。它返回一个数值，表示searchtext在主字符串中起始位置的索引值。 假如searchtext不在主字符串中，将返回-1。Startindex参数用于设置从第几个字符开始查找
	substring(index1,index2)	返回位于指定索引index1和index2之间的字符串
	substr(start[,length])	从主字符串的start位置开始提取字符，length为提取的字符长度，若不设置第二个参数，则提取到字符串的末尾

l         Math 对象：Math 对象的属性和方法可用于复杂的数学计算

Math对象的属性和方法及他们的用法：

	名称	说明
属性	PI	约为3.14
	LN10	10的自然对数的值，约等于2.302
	E	Euler的常量的值，约等于2.718。
方法	abs(y)	返回y的绝对值
	sin(y)	返回y的正玄
	cos(y)	返回y的余玄
	random()	返回0-1的随机数
	tan(y)	返回y的正切
	min(x,y)
	max(x,y)
	round(y)	将参数舍入到最接近的整数
	sqrt(y)
	ceil(y)	返回大于或等于y的最近的整数
	Floor(y)	返回小于或等于y的最近的整数

 

l         Date对象和日期计算

创建日期对象的语法：var 日期对象=new Date()或者var 日期对象=new Date(参数)

Date对象的方法组

方法组	说明
set	这些方法用于设置时间和日期
get	这些方法用于获取时间和日期
To	用于从Date对象返回字符串值
Parse 和UTC	这些方法用于分析字符串

 

显示值及其对应的整数

值	整数
Seconds(秒)和minutes(分钟)	0至59
Hours	0至23
Day	0至6(星期中的每一天)
Date	1至31(一个月中的每一天)
Months	0至11(一月至十二月)

 

使用get分组的方法

方法	说明
getDate	返回Date对象的一个月中的每一天，其值介于1至31之间
getDay	返回Date对象的星期中的每一天，其值介于0至6之间
getHours	返回Date对象的小时数，其值介于0至23之间
getMinutes	返回Date对象的分钟数，其值介于0至59之间
getSeconds	返回Date对象的秒数数，其值介于0至59之间
getMonth	返回Date对象的月份，其值介于0至11之间
getFullYear	返回Date对象的年份，其值介于为四位数
getTime	返回自某一时刻（1970年1月1日）以来的毫秒数

 

使用set分组的方法

方法	说明
setDate	设置Date对象的一个月中的每一天，其值介于1至31之间
setDay	设置Date对象的星期中的每一天，其值介于0至6之间
setHours	设置Date对象的小时数，其值介于0至23之间
setMinutes	设置Date对象的分钟数，其值介于0至59之间
setSeconds	设置Date对象的秒数数，其值介于0至59之间
setMonth	设置Date对象的月份，其值介于0至11之间
setFullYear	设置Date对象的年份，其值介于为四位数

 

 

使用to分组的方法

方法	说明
toGMTString	使用格林尼治标准时间（GMT）数据格式化惯例将Date对象转换成字符串格式
toLocaleString	使用当地时间惯例将Date对象转换成字符串格式

 

Parse 方法和UTC方法

方法	说明
Date.parse(date string)	用日期字符串表示自1970年1月1日以来的毫秒数
Date.UTC(year,month,day, hours,min,secs)	Date对象中自1970年1月1日以来的毫秒数

 

setTimeout用法：setTimeout(“调用的函数”,”定时的时间”)，表示每隔多少时间，循环调用某个函数执行，直到关闭为止，例如：

var mytime=setTimeout(“myFun()”,1000);//每隔一秒调用函数myFun()执行

clearTimeout(mytime);//关闭

9.         浏览器对象

l         JavaScript事件

常见事件

事件名称	含义	详细说明
onClick	鼠标单击
onChange	内容发生改变
onFocus	获得焦点
onBlur	失去焦点
onMouseOver	鼠标悬停事件
onMouseOut	鼠标移出事件
onMouseMove	鼠标移动事件
onLoad	页面加载事件
onSubmit	表单提交事件
onMouseDown	鼠标按下事件
onMouseUp	鼠标弹起事件
onResize	窗口大小改变事件

 

10.     各种浏览器对象

l         Widows对象：浏览器打开HTML页面时，通常会创建一个Windows对象。

Windows对象的属性

名称	说明
document	表示浏览器窗口中的HTML文档
history	包含有关客户访问过的URL的信息
location	包含有关当前URL的信息
name	设置或检索窗口或框架的名称
screen	包含有关客户的屏幕和显示性能的信息
status	设置或检索窗口底部的状态栏中信息

Windows对象的方法

名称	说明
alert(“提示信息”)	显示包含应用程序定义消息的对话框
blur()	使对象失去焦点并触发onblur事件
close()	关闭当前浏览器窗口或HTML应用程序
focus()	是控件接受焦点并执行onfours事件指定的代码
confirm(“提示信息”)	显示一个确认对话框，包含一个确定取消按钮
open(“打开窗口的URL”,”窗口名”,”窗口特征”)	打开新窗口并装入给定URL的文档
setTimeout(“函数”,豪秒数)	设置定时器：经过指定的时间后执行某个函数
clearTimeout(定时器对象)	取消某个定时器

l         document对象：表示给定浏览器窗口中的HTML文档，并用于检索文档的信息、检查和修改HTML元素和文档中的文本，以及处理事件

Document对象的属性

名称	说明
alinkColor	设置或检索文档中所有活动链接的颜色
bgColor	设置或检索Document对象的背景色
body	指定文档正文的开始和结束
linkColor	设置或检索文档链接的颜色
location	包含关于当前URL的信息
title	包含文档的标题
url	设置或检索当前文档的URL
vlinkColor	设置或检索用户访问过的链接的颜色

 

Document对象的方法

名称	说明
clear()	清除当前文档
close()	关闭输出流并强制显示发送的数据
write(“text”)	将文本写入文档
getElementByID(“ID名称”)	根据HTML元素的ID名称，获得HTML元素，例如层<DIV>或<SPAN>等

 

l         history对象

history对象的方法

名称	说明
back()	加载History列表中的上一个URL
forward()	加载History列表的下一个URL
go(“url” or number)	加载History列表中的一个URL，或要求浏览器移动指定的页面数

 

l         location对象：此对象相当于IE浏览器中的地址栏，包含了关于当前URL地址的信息。

Location对象的属性

名称	说明
host	设置或检索位置或URL的主机名和端口号
hostname	设置或检索位置或URL的主机名部分
href	设置或检索位完整的URL字符串

 

Location对象的方法

名称	说明
assign(“url”)	加载URL指定的新的HTML文档
reload()	重新加载当前页
replace(“url”)	通过加载URL指定的文档来替代当前文档

 

11.     处理表单和表单元素事件：

表单元素	事件处理程序	说明
文本框	onBlur	文本框失去焦点
	onChange	文本框的值被修改
	OnFocus	光标进入文本框中
命令按钮	onBlur
	onClick
	onMouseDown
	onMouseUp
	onFocus
复选框	onBlur
	onClick	复选框被选定或取消选定
	onFocus
单选按钮	onBlur
	onClick	单选按钮被选定或取消选定
	onFocus
下拉列表框	onBlur	下拉列表失去焦点
	onChange	选项被选定或取消选定
	onFocus	下拉列表获得焦点

 

l         文本框对象：用于在表单中输入字、词或一系列数字。

方法	focus()	获得焦点，即获得鼠标光标
	select()	选中文本内容，突出显示输入区域
属性	readonly()	只读，文本框中的内容不能修改

l         下拉列表框

属性	value	被选中的值
	options	所有的选项组成一个数组，options表示整个选项数组
	selectedIndex	返回被选择的选项的索引号
	length	返回下拉菜单中的选项个数