本文介绍了JavaScript的基础知识，包括如何将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
|
返回下拉菜单中的选项个数
|
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
