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
返回下拉菜单中的选项个数

 
 

你可能感兴趣的:(javascript的简介)