javascript的简介

来源：互联网发布：mysql front 用户设置编辑：程序博客网时间：2024/04/28 08:11

javaScript

1. 将JavaScript嵌入网页

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

javaScript语句；

</SCRIPT>

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

Ø javaScript的编写规则：

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

2. 大小写敏感。

2. 变量：

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

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

3. 特殊字符：

字符

说明

退格符

换页符

换行符

回车符

制表符

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. 调用函数：要调用函数，必须指定函数名及其后面的参数列表（如果有）

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

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对象的属性和方法及他们的用法：

名称

说明

属性

约为3.14

LN10

10的自然对数的值，约等于2.302

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

这些方法用于获取时间和日期

用于从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

返回下拉菜单中的选项个数