注意:访问本站需要Cookie和JavaScript支持!请设置您的浏览器! 打开购物车 查看留言付款方式联系我们
初中电子 单片机教材一 单片机教材二
搜索上次看见的商品或文章:
商品名、介绍 文章名、内容
首页 电子入门 学单片机 免费资源 下载中心 商品列表 象棋在线 在线绘图 加盟五一 加入收藏 设为首页
本站推荐:
JAVASCRIPT简介
文章长度[] 加入时间[2007/5/3] 更新时间[2024/3/4 9:52:49] 级别[0] [评论] [收藏]
       
  
JAVASCRIPT简介
如何将JAVASCRIPT脚本加到网页HTML中去
JAVASCRIPT变量
函数的基本概念
运算符
条件语句与循环语句的使用
事件句柄的意思及用法
对象的概念
内置对象“DOCUMENT”的使用
内置对象“WINDOW”的使用
数学对象的使用
日期对象的使用
数组 
字符串
表单的使用
框架



JAVASCRIPT语言的前身叫LIVESCRIPT自从SUN公司推出了JAVA之后,NETSCAPE引进了SUN的有关JAVA的程序设计概念,更名为JAVASCRIPT。嵌入HTML文档中的JAVASCRIPT源代码作为HTML网页的一部分存在。只要用户的浏览器支持JAVASCRIPT源代码,就可以被浏览器对源代码进行解释,从而运行JAVASCRIPT脚本语言,实现各种网页效果。由于JAVASCRIPT脚本语言是在客户端浏览器进行解释运行的,所以与服务器无关,因此可以实现许多服务器脚本所不能在网上实现的效果,所以得到了广泛地运用。

目前在流行的浏览器中,NETSCAPE的NAVIGATOR2.0以上版本具有处理JAVASCRIPT源代码的能力,在NETSCAPE3.0中实现了1.1版本,在NETSCAPE4.0中实现了1.2版本,微软也从IE3.0开始支持JAVASCRIPT。
在网页文件的源代码中的<body>与</body> html标记之间插入<script>或
<script language="javascript">作为JAVASCRIPT脚本语句的开始,当浏览器发
现这样的关键字时,就知道以下的代码是JAVASCRIPT语句代码,就会按照它的规
则来执行这些语句。
JAVASCRIPT语句是用</script>来结束的,当浏览器发现这条语句时,就会认为
JAVASCRIPT的代码已经界束,以下的语句又回到html的规范中来。
其在html中的语法规范总结为:
<script>或<script language="javascript"> //JAVASCRIPT语句开始
JAVASCRIPT语句......
</script> //JAVASCRIPT语句结束
在有些低版本的浏览器中,不支持JAVASCRIPT脚本语言,为了避免这些浏览器
把这样的语句当做错误来处理,要在开始和结束之间加入<!--和-->,来告诉浏
览器如果不支持可以乎略,并不执行它。其语法是:
<script>或<script language="javascript"> //JAVASCRIPT语句开始
<!--//告诉浏览器如果不支持可以乎略
JAVASCRIPT语句......
-->//告诉浏览器如果不支持可以乎略
</script> //JAVASCRIPT语句结束
注意:<script>或<script language="javascript">与</script>以及<!--和-->
必须成对出现,否则就会出错。

           

变量是指的计算机在运行时的内存中的一块区域,如果你在程序中定
义了一个变量,就表示在内存中占有了一块区域,并为这块区域定义
一个名称,这个名称就是你为变量所定义的名称,用这个名称来唯一
地标识这个变量,也就是唯一地标识这块内存区域。
那么这个变量有什么作用呢?
因为变量在程序的执行过程中起着举足轻重的作用,变量就如同是银
行,在我有钱时将钱存进去,而在需要用钱时又把它取出来,变量是
程序运行的中转站,把一些程序运行过程中改变了值或是没改变值的
数据暂时存放在变量,也就是存放在你为变量划分出的那一块内存中
以便在程序往下执行时可以使用到这些数据,这就是变量的作用。
 

变量的附值: 
附值的意思就是将一个数据(也叫“值”)附予,也就是传递给的意
思,变量的附值就是将一个值传递给变量,也就是使内存中被定义为
变量的那一块所暂存的数据等于所要传递给变量的值,将这个值在程
序运行的过程中暂时存放在这里。一旦变量被附值成功,就表示变量
的值已发生改变,变成了新的刚附值的值。变量之所以叫变量,也就
是因为它的值是可以通过程序的执行而改变的意思。
为变量附值的语法是:
变量名=值
//意思是将“值”传递给变量,也就是使变量的值等于“值”的值。 

变量的声明:
在使用一个变量之前,比必须声明它,就象贴告示一样,用什么事情
要通过告示才能让人们知道一样,变量必须先声明,才能使用。

变量的声明语法是:
var 变量名;
其中var 是JAVASCRIPT用于声明变量的关键字,当浏览器发现这个
关键字时就知道是变量的声明,“变量名”就是你要为变量起的名字
后面的一个“;”是JAVASCRIPT的语句分隔符,表示一条语句的结
束。
在JAVASCRIPT中也可以不声明而直接为变量附值。
变量的命名规则:
1)区分大小写,在JAVASCRIPT中变量是区分大小写的,而且不仅 是变量,在JAVASCRIPT的所有场合均区分大小写,也就是说“A”
和“a”代表的是不同的意思。
2)JAVASCRIPT有自己的保留关键字,这些关键字有它们特定的含
意,是JAVASCRIPT内部约定好了的,专门用于做一些特定的事情,
比如上面提到的“var”就是专门用于声明变量的关键字。
在为变量命名时,不能与这些内定好的关键字同名。
3)变量必须以英文字母或是下划线“_”开头。变量中也不允许出现
空格。
在JAVASCRIPT中变量是按照可存储的数据的不同类型来划分的:
1)数值型:
值是一个数值,在 JAVASCRIPT中不管三七二十一,将整型,浮点型
或其它的任何数值类型均统称为数值类型,不用过份地细分,所有运
算均适合于所有的数值型的变量。
2)字符串型:
即保存字符串的变量类型,可以包含字母,单词,空格,数字,标点
符号,或者其它任何可以被显示的字符与一些特殊符号等。
字符串型变量在被附值时,要将附予它的字符串用一对引号扩起来,
引号可以是双引号,也可以是单引号。
语法为:
变量名=“字符串”;
特殊字符:
如果你想在一个字符串中显示一些特殊的字符,比如回车符,那么只
是在输如的时候输入一个回车是没有用的,JAVASCRIPT将不识别它
你只有在字符串中加入如下的字符,才能在最后的结果中得到回车的
效果:“\r”。
这里的\r表示特殊字符回车,JAVASCRIPT对于特殊字符的语法规范
是在用于表示特殊字符的字符前加一个\。
这些特殊字符包扩:
特殊字符名:    表示方法:
反斜杠:      \ \\
退格键       \b
换页(分页符)   \f
换行        \n
回车        \r
跳格键(制表符)  \t
转意字符的用法:
凡在一个字符的前面出现“\”时,这个字符都将被认为是字符本身,
而不表示任何的JAVASCRIPT语句含意,比如:
document.write("asd\"ddd");
在网页被浏览时,会显示如下:
asd\"ddd
而如果没有\,则将显示如下的错误窗口:

原因是双引号是用来标识字符串结束的,当语句执行到这里时,程序
会认为字符串已结束,而它后面的字符串应该是“)”才对,现在不
是“)”,所以出错。
3)布尔型(逻辑型):
用来存储布尔型数值的变量就是布尔型变量,布尔型的变量只有两个
值,即true和false,true表示一个条件表达式的值成立,false表示一
个条件表达式的值不成立,比如: 如果用布尔型来表达下面的两个算式,那么第一个算式返回的信息是
false,而第二个算式返回的信息就为true。
第一个算式:5>10;
第一个算式:3>1
4)空值型:
如果一个变量的值为空,就是空值型,空表示没有值,它既不是空格键,也不是数值,它表示没有任何值。

   

JAVASCRIPT关键字一览表:
abstract delete function null throw 
boolean do goto package throws 
break double if private transient 
byte else implement protected true 
case enum import public try 
catch export in return typrof 
char extends instanceof short var 
class false int static void 
const final interface super volatile 
continue finally long switch while 
debugger float native synchronized with 
default for new this   
 
 函数的基本概念: 
通俗地讲,函数就是将一些语句组合起来,使它们的组合能够完成一定
的功能,并为这个语句的集合取一个名字,以后要实现这样的功能时,
只需要用一条语句来调用这个函数,使它完成它其中的语句所能完成的
功能,而不用再重复输入同样的语句。
这就是函数,运用函数一般来说可以起到事半功倍的效果,因此在某一
个功能需要重复使用时,应尽量使用定义函数的方法,而不是每次都输
入相同的语句序列。
函数的声明:
在使用一个函数之前,应先声明这个函数,即定义这个函数,定义它所
要完成的功能与它的名称,其语法是:
function 函数名(参数序列) {语句序列}
其中function是专门用于定义函数的关键字,参数序列是要传递给函数
的参数,它可以不止一个,所以用序列来形容它,如果是多个参数,参
数与参数之间用逗号隔开,语句序列是要让函数实现的功能所需要的语
句的组合。例如:
function write001(x){
document.write(x);
}
以上语句定义了一个函数,函数名为“write001”,参数为“x”,实
现的功能是在网页中输出(即显示)变量x的值。
注意:参数可以是编程者任意输入的字符串,在函数内部的语句中可以
出现参数,也可以不出现参数,如果出现了参数,那么参数所代表的值
就是在调用这个函数前最后一次被修改成功的值。 函数可以有返回值,也可以没有,如果要求函数有返回值,那么就应该
在函数的定义时在其中加入如下的一条语句:
return 变量名;
意思是将在函数中改变或未改变值的变量的值返回到调用函数时的地方
例如:
<script>
var x=10;
function add001(){
x=x+10;
return x;
}
add001(); //调用函数add001()
document.write("x的值经过函数的改变后变成了:"+x);
</script>
在语句被执行后就会在网页中显示:
x的值经过函数的改变后变成了:20
函数的调用:
函数的调用只需直接写出函数的名称再加上一对小扩号即可,就象上面
对函数add001()的调用那样,如果在调用的同时需要给它传递参数,只
要在小扩号中加进要传递的参数名称即可。例如:
add001(A1,A2,A3);
同时在一个函数的内部可以调用另一个或数个函数,只需要在要调用别
的函数的函数的定义的时候,将调用别的函数的语句加入函数的{}中的
语句中即可。例如:
function add002(){
x=x+10;
add001();
}
如果函数add002()被调用,那么在执行完x=x+10;这条语句后,接着就
会调用函数add001();并执行add001();中的语句。

           
  
运算符:

什么是运算符:
运算符就是一个算式或是表达式中用来表示算法的符号,比如在下面的
算式中,“+”号就是运算符。
X=X+1;
又如:
Y=“ASD” add w;
上式中的add就是运算符,它是专门用来把两个字符串或是字符串变量
的值连起来的运算符。
运算符的类型分类:
1)算术运算符:
用来进行算术运算的运算符,包扩:
+ 加法运算;
- 减法运算;
* 乘法运算;
/ 除法运算;(除数不可为0)
% 取模,意思是用一个数去除另外一个数,返回除法运算后得到的余
数。
++ 增量运算,意思是使变量自身加1,在这中间又分为两种情况:
A)语法:变量名++
运算例子:Y=X++,表示先将X的值赋予Y,再使X的值增加1;
B)语法:++变量名
运算例子:Y=++X,表示先将X的值增加1,再将增加了以后的
新值赋予Y。
-- 减量运算,意思是使变量自身减1,分为两种情况:
A)语法:变量名--
例子:Y=X--,表示先将X的值赋予Y,再使X的值减1;
B)语法:--变量名
例子:Y=--X,表示先将X的值减1,再赋予Y。
- 求反运算符,使一个数值或是变量的值取反,即正数变负数,负数
数变正数。
2)赋值运算符:
=
语法形式一:Y=变量名或数值或字符串;
意思是将变量的值或字符串或一个数值传递给变量Y。传递的意思就是
使变量的值等于要传递的值,也就是等号后面的值。
语法形式二:Y+=变量名或数值;
意思是将等号右边的值与左边的变量的值相加后,再传递给左边的变量
语法形式三:Y-=变量名或数值;
意思是用等号左边的变量的值减去右边的值后再传递给左边的变量。
语法形式四:Y*=变量名或数值;
意思是用等号左边的变量的值乘以右边的值后再传递给左边的变量。
语法形式五:Y/=变量名或数值;
意思是用等号左边的变量的值除以右边的值后再传递给左边的变量。
语法形式六:Y%=变量名或数值;
意思是用左边的变量除以右边的变量后取余数,再将这个余数赋给左边
的变量。
3)比较运算符:
比较运算符用于比较两个数或是字符串或表达式或变量的值的大小。
如果比较的是字符串的大小,那么是指的字符串的ASCII码的大小,从
字符串的第一个字符开始比较,直到出现不同的字符为止。
用比较运算符连接起来的表达式,其返回的值一般是布尔类型的值,即
真(TRUE)或假(FALSE),当表达式成立时,返回TRUE,当表达
式不成立时返回FALSE。
例如:
表达式:5>2的返回值是TRUE;
而表达式:5>10的返回值是FALSE。
比较表达式包扩:
== 等于,如果运算符两边的值相等返回真;
!= 不等于,如果运算符两边的值不相等则返回真;
> 大于,如果左边的值大于右边的值,返回真;
< 小于,如果左边的值小于右边的值,返回真;
>= 大于等于,如果左边的值大于或等于右边的值,返回真;
<= 小于等于,如果左边的值小于或等于右边的值,返回真;
例如:
a==a 返回真(TRUE)
a!=a 返回假(FALSE)
3>2 返回真(TRUE)
3<1 返回假(FALSE)
5>=10 返回假(FALSE)
5<=10 返回真(TRUE)
4)逻辑运算符:
专门用于逻辑运算,所谓逻辑运算是指的逻辑值(即布尔型)与逻辑
值之间的运算,这里所谓的运算,只是一种说法,并不是指的数学上
的运算,可以理解为判断。
逻辑运算符有:
&& 逻辑与运算,当运算符两边的表达式的取值都为真时,返回真
否则返回假。
|| 逻辑或运算,当运算符两边的表达式的取值只须有一个为真或
两个都为真时,返回真,否则返回假。
! 逻辑非,使一个逻辑值变成原有值的相反的值,比如原来是真
的值,返回假,而原来为假的值返回真。
例如:
true &&true 返回true 
(2-1) || (3<0) 返回true 
!(5>=1000) 返回true 
运算顺序:
当在同一个表达式中出现不同的运算符时,这些运算符的执行是有一
定的先后顺序的,就象数学中的乘法会在加法与减法之前被运算一样
JAVASCRIPT中的各个运算符也是按照一定的顺序被执行的。
这些运算符的执行顺序从先到后的排列顺序是:
1)圆扩号: ()
2)求反或自增自减 - ++ -- !
3)乘除与取模 * / %
4)加减运算 + -
5)比较 > < >= <=
6)等于或不等于 == !=
7)逻辑非 !
8)逻辑与 &&
9)逻辑或 ||
10)赋值 = += -= *= /= %=
     
        
条件语句与循环语句的使用:
条件语句的概念:
我对条件语句的理解是,先判断条件成立与否,之后根据判断的结果决
定程序的走向。一般来说,条件语句判断的是一个表达式的值,这个值
应是布尔类型的,即要么是真,要么是假。
语法:
if (条件){语句序列} else {语句序列}
作用:

如果条件成立,执行if 后面的{}中的语句,如果条件不成立,执
行else后面的{}中的语句。
或:

if (条件){语句序列}
作用:如果条件成立,执行{}中的语句,如果不成立,就跳过循环继续
向下执行。
例如:
if (x==1){
document.write(x);
}
else{
document.write("x<>1");
}
程序执行时就会先判断x的值,如果等于1,就会在页面上显示x的值即
1,如果不等于1,就会在页面上显示字符串x<>1。
条件语句是可以嵌套的,也就是说在一个条件语句的执行语句部分是可
以再有一个或多个条件语句出现的,但是每个条件语句都必须完整,例
如:
if (x>=10){
if (y==true){
document.write("黑黑黑");
}else{
document.write("哈哈哈");
}
}
如果x的值大于等于10,那么判断y的值是否为真,如果为真,那么在
页面上显示"黑黑黑",如果不为真,那么在页面上显示"哈哈哈"。
注意:如果x的值不大于等于10,即小于10,那么页面上将什么也不
显示。 再如:
if (x>=10){
if (y==true){
document.write("黑黑黑");
}else{
document.write("哈哈哈"); 


注意这里只有一个“}”
当程序被执行时,会在页面上显示下图:

原因是条件语句中嵌套的条件语句不完整,少了一个“}”。
switch语句的使用:
实例:
<script>
var x="aaa";
switch (x){
case "bbb":
document.write("bbb");
break;
case "aaa":
document.write("aaa");
break;
default:
document.write("no");
}
</script>
由于本例中涉及到case的使用,它会在后面讲到,所以这里只是大概说
一下这段代码的含意,意思是判断变量x的值,附合哪个值就执行它后
面的代码,如果都不附合,就执行default:后面的代码。switch 用于提
供要对其进行判断的变量名。
循环的概念:
有时候程序中的某一条或多条语句的组合会重复执行,如果要将每条语
句都写出来,那工作量太大,而且也没有必要,幸好JAVASCRIPT为我
们提供了循环的程序设计思想,同时也提供了语句,使我们在编写程序
时可以事半功倍。
形式一:

for (循环变量起始值;循环变量终止值;循环变量变化量;)
{语句序列}
例如:
for (i=1;i<=9;i++){document.write(i)}
执行后将在页面中显示:123456789 
意思是使循环变量i从1开始,每次使其加1,直到i大于9时为止,每次循
环都使地{}中的document.write(i)语句被执行一次。
循环也可以嵌套,即一个循环的内部可以在包含一个或多个循环。例如:
for (i=1;i<=5;i++){
for (x=1;x<=3;x++){
document.write(x)}}
执行结果为:123123123123123 
形式二:while (条件) {语句序列}
意思是只要条件还成立,就一直循环执行{}中的语句序列,例如:
var x=0;
while (x<=5){
document.write(x);
x=x+1;
}
的执行结果是:
012345 
又如:
var x=0;
while (x<=5){
document.write(x);
}
的执行结果是:
0000000000000000000000000......
并会弹出以下窗口:

式三:do {语句序列} (条件)
这种形式的语句是这样执行的,先执行do后面的{}中的语句,再判断条件
是否成立,如果成立,就再执行do后面的{}中的语句,如此循环往复,日
复一日地执行下去,只要你不关掉浏览器,就算是你的电脑的外壳都腐
烂了,程序依然在执行,所以,你就是再牛也牛不过这种形式的语句,它
虽然看上去没有生命,但实际上比我们这些所谓的有生命的肉体要牛很
多。
只有当条件不成立时,它才跳出循环,执行下面的语句。所以这种形式
的语句会至少被执行一次。
例如:
var x=0;
do {
document.write(x);
x=x+1;
}
while (x<=20);
其执行结果为:
01234567891011121314151617181920 
如果是下面这样:
var x=0;
do {
document.write(x);
注意:这里没有了x=x+1;
}
while (x<=20);
那么程序将无休止地执行下去。

 事件句柄的意思及用法: 
事件:
事件其实就和我们平时生活当中所发生的事情意思差不多,比如今天王
大爷买了一条鱼,在生活中就是一个事件。而在JAVASCRIPT中也有一
些事件,但是这些事件与生活中的事件所不同的是,这些事件是在
JAVASCRIPT中预先定义好了的,只有附和JAVASCRIPT内部约定的
那些事件才被认为是事件,而不附和内部约定的行为,则不被认为是事
件。
比如:

当用户的鼠标被压下时,JAVASCRIPT就会产生一个onmouse 
down事件,之所以会产生这个事件,是因为在JAVASCRIPT内部已事
先定义了它。
又如:

当用户用头去撞击显示器的时候,除非显示器被用户的铁头功撞 坏,
否则的话是不会产生任何的事件的。
句柄:
用于描述是什么事件发生了,并告诉程序在这个事件发生时应执行什么
动作的语句,就叫作句柄。
比如:
onmousedown="open001()"
表示当鼠标被压下时,调用函数open001()并执行它。
事件句柄的完整语法:
JAVASCRIPT事件名="合法的JAVASCRIPT语句"
其中事件名描述了是什么事件发生,等号后面的语句一定要用引号扩起
来,引号可以是双引号也可以是单引号。
一般来说,事件句柄不用在<script>与</script>之间,而会插入到
HTML标记中,比如:
<input type="button" onclick="open001()">
表示在网页中插入一个按钮,并为其添加事件句柄onclick="open001()"
意思是当这个按钮被点击时,调用函数open001()并执行它内部的语句。
又如:
<img src="0001.jpg" onclick="open001()">
表示在网页中插入一张图片,并为其添加事件句柄onclick="open001()"
意思是当这张图片被点击时,调用函数open001()并执行它内部的语句。
JAVASCRIPT的事件句柄包扩:

onClick 点击某一区域(如按钮或表单输入域等)
onMouseOver 用户将光标移至某一区域的上方
onMouseOut 鼠标离开某一区域
onLoad 网页被加载时
onUnload 网页被卸载时,即离开这个页面时
onFocus 获得焦点
onBlur 失去焦点
onChange 用户某表单元素的内容发生变化时
onSnbmit 当“提交”按钮被点按时
onAbort 当停止图像的加载时
onDragdrop 将某对象拖至窗口中时
onError 发生错误时
onKeydown 键盘上的任一键被按下时
onKeypress 按下,然后松开某键或是仍然保持按住状态
onKeyup 松开某键
onMousedown 按下鼠标键
onMouseup 松开鼠标键
onMousemove 移动鼠标
onMove 移动窗口位置
onReset 重置即清除网页中的表单内容
onResize 窗口改变大小时
onSelect 选择某一个表单中的某一项时

  对象的概念: 

什么是对象:
笔者的理解是这样的,对象就是你要对它编程的对象。和谈恋爱的对象
是一个道理,没有恋爱的对象,就只能和空气恋爱。而没有编程的对象
也是不行的。这是目前面向对象的编程概念的最基本的元素,只有有了
对象,才能面向对象编程,否则的话只能面向空气编程。
对象的属性:
就象一个人有身高,胸围和体重等特征一样,对象也有自己的特征,对
象的特征描述在编程中就被称作属性。属性的表示方法是这样的:
对象名.属性名
对象的属性值是可以被改变的,要改变一个对象的属性值,需用下面
的语法:
对象实例名.属性名=变量名或表达式或一个具体的值
对象的命名规则:
1)区别大小写,即A与a是不同的。
2)不能使用JAVASCRIPT保留关键字,关于保留关键字在前面的章节
中已经列出。
对象的构造(定义):
对象的构造也可以使用函数的定义关键字function。语法为:
function 对象名(参数){
对象属性的定义}
比如:
function aaa(x1,x2,x3){
this.bbb=x1;
this.ccc=x2;
this.ddd=x3;
}
以上语句序列就构造了一个对象,对象名为aaa,其中有三个参数x1,
x2,x3;而这个对象又有三个属性分别为bbb,ccc和ddd,在构造这
个对象时,已将这三个属性的值分别被赋值为这个对象所具有的三个
参数x1,x2,x3。当以后在调用这个对象时只要在调用的同时将参数也
同时传递给它,就同时使得对象的三个属性的值变成了用户所传递给
它的三个参数的值。
在上面的语句中出现了this这个关键字,它特指所定义的对象本身。
对象的实例:
对象构造好之后,只是说明了对象的结构被定义完成了,并不说明它
是一个可以对其编程的实体,要想对一个具有构造好结构的实体进行
编程,就要为这个定义好结构的对象创建一个实体(实例),实际上
面向对象的编程就是指面向对象的实体的编程,为对象创建实体的语
法是这样的:
var 对象实体名=new 对象名(参数)
其中var和new是关键字,new关键字专门用于创建一个对象的实例。
假设我们要创建一个上面定义好了的对象aaa的实例,我们可以这样
写:
var xxx=new aaa(10,20,30);
表示创建了一个对象aaa的实例xxx,并将三个参数传递给它,这三个
参数分别是10,20,30;也就是说这个新的施例xxx的三个属性bbb,
ccc,ddd分别被赋予了10,20和30。
这时就可以对这个新创建的实例进行编程了,比如:
y=xxx.bbb;
表示将xxx的属性bbb的值传递给变量y。

对象的方法:
自定义的对象的方法是这样来实现的:
先定义好一个函数以作为要作为对象的方法使用的行为的定义:
function bbb(){
document.write("hfsfgsdfgjdsjfasgjfhf");
}
再构造一个对象,并将刚才定义的函数作为这个对象的一个方法定义
进去:
function x(){
this.aaa=bbb();
}
这样aaa就成了对象x的一个方法,在以后的使用中可以用如下的语法
来调用它:
x.aaa
例如在一个网页的代码部分写如下的代码:
<script>
function bbb(){
document.write("dafsgdfsah");
}
function x(){
this.aaa=bbb();
}
var ccc=new x();
x.aaa;
</script>
页面加载后会显示:
dafsgdfsah
预定义对象Navigator的属性简介:
属性:
appCodeName 浏览器代码名称
appName 浏览器名称
appVersion 浏览器和其它信息
language 浏览器所使用的语言
mimeTypes 浏览器所运行的mime类型数组
platform 浏览器创建的计算机类型
plugins 浏览器上所安装的plugin数组
userAgent 浏览器的用户代理
如下的代码:
document.writeln(navigator.appCodeName);
document.writeln(navigator.appName);
document.writeln(navigator.appVersion);
document.writeln(navigator.language);
document.writeln(navigator.mimeTypes);
document.writeln(navigator.platform);
document.writeln(navigator.plugins);
document.writeln(navigator.userAgent);
其执行后为:
Mozilla Microsoft Internet Explorer 4.0 
(compatible; MSIE 5.5; Windows 98) 
undefined undefined
Win32 undefined Mozilla/4.0 
(compatible; MSIE 5.5; Windows 98) 

           
  

内置对象“DOCUMENT”的使用
DOCUMENT是JAVASCRIPT内置的(预定义)的对象,它可以直接
使用,而不用由编程者来构造。
它有如下一些属性:
1)alinkColor:
返回或设置网页的被激活链接的颜色的十六进制值。被激活链接的颜色
在网页的<body>开始标记里通过alink属性来设置,如果不设置,浏览
器就使用它自己的默认颜色。
在HTML中设置是这样的:<body alink="用十六进制表示的RGB颜色
值或颜色名称">比如:
<body alink="#ff0000">又如:
<body alink="green">
在JAVASCRIPT语句中可以用如下的语法来定义被激活的链接颜色:
document.alinkColor="用十六进制表示的RGB颜色值或颜色名称";
比如:
document.alinkColor="#000000";又如:
document.alinkColor="yellow";
2)bgColor:
设置或返回网页的背景颜色值,在HTML中的语法是这样的:
<body bgColor="用十六进制表示的RGB颜色值或颜色名称">
在JAVASCRIPT中网页的背景颜色的设置语法为:
document.bgColor="用十六进制表示的RGB颜色值或颜色名称";
3)cookie:
用来保存浏览者的一些信息,当下次同一个浏览者再次访问该页时,他
的有关信息会自动被编程者用一段程序显示给浏览者,从而获得更友好
的界面。
访问cookie的语法为:
document.cookie
4)domain:
用于保存浏览者所浏览的网页的域名,语法为:
document.domain如下这条语句:
window.alert(document.domain);
将弹出一个窗口,并在其中显示当前网页的域名。
5)fgColor:
设置或返回网页的前景颜色,也就是文字的颜色,语法为:
document.fgColor="用十六进制表示的RGB颜色值或颜色名称";
在HTML中网页的文字颜色是如下设置的:
<body text="用十六进制表示的RGB颜色值或颜色名称">
6)lastModified:
保存网页最后一次被修改的时间,语法为:
document.lastModified;
比如下面的语句将弹出一个窗口,并在其中显示网页最后被修改的时间 

window.alert(document.lastModified);
7)linkColor:
设置或返回网页中未访问链接的颜色,语法如下:
document.linkColor="用十六进制表示的RGB颜色值或颜色名称";
在HTML中未访问链接的颜色的如下设置的:
<body link="用十六进制表示的RGB颜色值或颜色名称">
8)referrer:
保存浏览者在到达这个网页之前所在网页的URL,有时浏览者不是从别
的网页转到这个网页的,所以这个属性的值可以为空。语法为:
document.referrer;
比如:
window.alert(document.referrer);
执行后,会弹出一个窗口,并在其中显示浏览者来到这个网页之前所在
的网页URL。

 

9)title:
设置或返回网页的标题,语法如下:
document.title="标题";
在HTML中是在head部分的<title>与</title>中的那一部分字符串。
10)URL:
保存了本页面的完整的URL信息,语法为:
document.URL
比如:
document.write(document.URL);
将在网页中显示本网页的完整URL。
11)vlinkColor:
设置或返回已访问链接的颜色,语法如下:
document.vlinkColor="用十六进制表示的RGB颜色值或颜色名称"
注意:以上所说的这些属性中,有些是只设置,而有些是只返回,又
有一些是既可设置又可返回,而在上面的举例中只举出了设置的语法
,如果要返回,那么只需将上面的例子中的等号左边的内容移至右边
,而在等号的左边放置编程者想要将返回值传递给其的变量名即可。
例如:
Y=document.vlinkColor;
表示将网页的已访问链接的颜色值传递给变量Y。
DOCUMENT对象的方法:
1)open():
通过该方法,可以打开一个新的文档(页面),并可用write或
writeln语句在这个新打开的文档中写入想写入的内容。语法为:
document.open()
2)close():
关闭一个文档,但允许显示,也就是说,如果被关闭的文档在关闭之
前本身是显示的,那么仍将显示。语法为:
document.close()
3)write():
这个方法在前面用得已经很多,意思是在一个页面中写入()中的内
容,语法为:
document.write(字符串或变量);
4)writeln():
意思是在完成了所要写的内容后,在其末尾添加一个换行符(\n)。
但不影响网页的显示外观,只是在代码部分分为两个不同的行,使代
码易读。
例如下面的代码:
<script>
document.open();
document.write("<input type=’button’ value=’点击进入’>");
document.close();
</script>
其代码在执行后会在页面中显示如下的一个按钮:

 
 
WINDOW对象的使用:
WINDOW对象是为每一个在屏幕上显示的网页的窗口而创建的,它是
内置对象,即预先定义好了的对象,可以直接使用。
它有如下属性:
1)defaultStatus:
窗口的默认状态栏属性,即当状态栏没有被别的语句指定为特定的内容
时所显示的信息。语法为:
window.defaultStatus="字符串或变量"
其中的字符串或变量就是在默认状态下要在状态栏中显示的内容。
比如:
window.defaultStatus="你坏!!!"
那么默认状态下在窗口的状态栏就将显示"你坏!!!"
2)length:
这个属性保存了一个窗口中的所有祯的数量,语法为:
window.frames.length
也可以缩写为:
window.length
3)location:
设置或返回当前窗口的URL,通过改变此属性,可以改变当前窗口的
访问地址,使当前窗口的内容转到浏览者想去的地方。语法为:
window.location="URL字符串或存储着URL字符串的变量名"
例如:
<input type="button" onclick="window.location=’URL’;">
表示在网页中生成一个按钮,并为其定义了行为为:当按钮被点击时
转到URL所表示的地址处。
4)name:
设置或返回一个窗口的名称。语法:
window.name="窗口名字符串"或存储有窗口名的变量;
5)opener:
这个属性代表打开当前窗口的窗口,比如在一个页面中有如下代码: <script>
function a001(){
if (window.opener.closed){
window.alert("closed");
}else{
document.write("open");
}
}
setTimeout("a001()",5000);
</script>
表示在这个页面被加载之后的5秒钟后,对打开这个页面的窗口进行
检测,如果打开这个页面窗口的窗口已关闭则弹出一个窗口,并在其
中显示closed,如果那个窗口没有关闭,则在页面上显示open。
6)closed:
检测一个窗口是否已被关闭,如果已关闭返回真,如果未关闭返回假。
它的使用请参照上例。
注意:上例中,如果这个页面不是通过一个窗口打开的新窗口,而是
在同一窗口中转到这个页面,那么将会弹出下面的窗口:
 

7)parent:
当一个页面中有框架时,这个属性用来表示本框架的上一层框架。
8)self:
用来代表当前窗口的关键字,self就表示当前窗口,与this代表一
个函数或是对象本身一样,self就表示当前窗口本身。例如如下的
两条语句作用是一样的:
window.location="9999.htm"
self.location="9999.htm"
9)status:
保存窗口的状态栏的内容。它与defaultStatus的区别是这样的,
defaultStatus表示在没有别的语句对状态栏的内容改变时,默认
的显示的内容,而status不是默认的,status正是用来改边状态
栏的默认显示内容的属性。
例如:
window.defaultStatus="aaaaaaaaaaaaaaaaaaa";
window.status="kkkkk";
在语句被执行之后,状态栏将显示kkkkk,而不是
aaaaaaaaaaaaaaaaaaa。
10)top:
表示包含所有框架的最上层的窗口。这个属性在学习了框架之后将很容
易理解。
WINDOW对象的方法:
1)alert:
作用是弹出一个消息框,语法为:
window.alert("字符串或变量名");
其中显示的内容为()中的字符串或变量的值。
例如:
y="99999.htm";
window.alert(y);
执行后将在页面中显示如下的一个消息窗口:
2)confirm:
弹出一个确认框,并在该确认框中生成两个按钮,一个是“OK”另一
个是“CANCEL”,使浏览者可以有两个选择。
当点击“OK”按钮时,此方法返回逻辑值TRUE,当点击“CANCEL”
按钮时,此方法返回逻辑值FALSE。
对该方法的返回值进行判断,则可以用程序实现不同的走向。
比如下面的代码:
<script>
var x=window.confirm("你好吗?");
if (x==true){
window.alert("还行,你呢?吃了吗?");
}else{
window.alert("一般吧,凑合,反正还活这!");
}
</script>
将在网页加载时弹出一个窗口如下图:
 

如果点击“确定”按钮,则将弹出如下的窗口:
如果点击“取消”按钮将弹出如下窗口:
3)prompt:
提供一个输入窗口,供浏览者输入一些信息。语法为:
window.prompt("字符串或变量名");
其中的字符串或变量名是要在弹出的窗口中显示给浏览者的信息,比如:
<script>
var y="请输入你的名字";
var x=window.prompt(y);
document.write(x);
</script>
执行后将首先弹出一个窗口如下:
如果你在窗口中输入“流耶 ”,则会在页面上显示流耶 。
4)open:
该方法用于打开一个窗口,语法为:
window.open("要打开页面的URL","标题","参?quot;);
其中标题指的是新打开的窗口的标题,参数由一些用于描述窗口特征的
参数组成,它们包扩:
width: 以像素为单位定义的新窗口的宽度。
height: 以像素为单位定义的新窗口的高度。
directories: 定义新窗口是否有目录按钮(如“链接”按钮等)
location: 定义新窗口是否有地址栏
menubar: 定义新窗口是否有菜单条(如“文件”等菜单)
resizeable: 定义新窗口是否允许改变尺寸大小
scrollbars: 定义新窗口是否有滚动条
status: 定义新窗口是否有状态栏
Toolbar: 定义新窗口是否有工具栏
以上的参数除了width和height是用数字表示的像素值以外,其它的参
数都是在yes和no中选择其一,yes表示有或允许,no表示没有或不允许
yes和no也可以用数字1和0来表示。
所有这些参数,一旦设置了一个参数,那么其它的参数就自动地默认为
被设置成no,除非编程者在语句中专门又设置某一个参数,当需要设置
不止一个参数时,参数与参数之间用逗号隔开。
left: 定义新窗口距离屏幕左端的距离(以像素计)
top: 定义新窗口距离屏幕上端的距离(以像素计)
fullscreen: 允许新窗口全屏显示
注意:以上的所有参数指的是用IE浏览器浏览时的设定,其中有些可能
不适合netscape浏览器。

有关open方法的实例,请参看javascript的实例演示部分。

5)close:
用于关闭一个窗口,语法:
window.close();
6)blur:
使窗口失去焦点,即使窗口置于当前显示窗口的后面,也就是不显示这
个窗口。语法:
window.blur();
7)focus:
使窗口获得焦点,即使窗口置于最前面,使的别的窗口都无法显示,只
显示这个窗口。语法:
window.focus();
8)moveBy:
语法:window.moveBy(x轴方向位移量,y轴方向位移量);
作用:使窗口在原来位置的基础上分别向x轴方向和y轴方向各移动()
中的参数所指定的位移量。
9)moveTo:
语法:window.moveTo(x轴的绝对位置,y轴的绝对位置);
作用:使窗口移动到()中的参数所指定的绝对位置处。
10)resizeBy:
语法:window.resizeBy(x轴方向变化量,y轴方向变化量);
作用:使窗口大小在原来的基础上改变()中所指定的变化量。
11)resizeTo:
语法:window.resizeTo(x轴的绝对数值,y轴的绝对数值);
作用:使窗口大小变成()中的数值所指定的绝对大小。
12)scrollBy:
语法:window.scrollBy(x轴方向滚动量,y轴方向滚动量);
作用:使窗口在原来位置的基础上滚动()中的数值所指定的像素值,
窗口的滚动不是指的整个窗口的位置变化,而是指的窗口内的文档的
位置。请参阅实例部分。
13)scrollTo:
语法:window.scrollTo(x轴的绝对数值,y轴的绝对数值);
作用:使窗口滚动到()中的数值所指定的绝对位置处。
14)setInterval:
语法:window.setInterval("函数名",时间值);或
var 变量名=window.setInterval("函数名",时间值);
作用:每隔时间值所指定的时间间隔就执行一次函数名所代表的函数。 15)clearInterval:
语法:window.clearInterval(变量名);
作用:清除用setInterval方法设置的行为,其中的变量名就是用
setInterval方法的第二种形式所赋值给它的变量名。
16)setTimeout:
语法:window.setTimeout("函数名",时间值);或
var 变量名=window.setTimeout("函数名",时间值);
作用:在时间值所设定的时间间隔之后执行函数名所代表的函数,它与
setInterval的区别是它只执行一次,而setInterval是每隔一个时间间隔
就执行一次。
17)cleanTimeout:
语法:window.cleanTimeout(变量名);
作用:在用setTimeout所设定的时间间隔未到之前执行该语句,可以使
用setTimeout所设定的行为失效。 
           
  
 数学对象的使用:(Math)
数学对象是预定义对象,可以直接使用,主要用于数学运算。数学对象
将一些常用的数学上的运算方法和常数定义成为它的属性,使得使用起
来很方便,它们是:
1)E:
欧拉常数,自然对数的底e的值,大约为:2.71828......
语法:
Math.E
比如:
document.write(Math.E);
执行后将在页面上显示:
2.718281828459045 
2)LN10:
10的自然对数,大约为:2.302585......,语法:
Math.LN10
3)LN2:
2的自然对数,大越为0.693147......,语法:
Math.LN2
4)LOG10E:
E的以10为底的对数,值为:0.43429......,语法:
Math.LOG10E
5)LOG2E:
欧拉常数E的以2为底的对数值,值为:1.442695......,语法:
Math.LOG2E
6)PI:
圆周率的值,大约为:3.1415926......,语法:
Math.PI
7)SQRT2:
2的平方根,值为:1.4142......,语法:
Math.SQRT2
8)SQRT1_2:
0.5的平方根,值为:0.7071......,语法:
Math.SQRT1_2
数学对象的方法:
1)abs(参数):
绝对值函数,返回值为参数的绝对值。
2)acos(参数):
反余玄函数,返回值为参数的反余玄函数值,单位为弧度。
3)asin(参数):
反正玄函数,返回值为参数的反正玄函数值,单位为弧度。
4)atan(参数):
反正切函数,返回值为参数的反正切函数值,单位为弧度。
5)ceil(参数):
向上四舍五入函数,返回值为大于或等于参数的最小整数值。
6)cos(参数):
余玄函数,返回值为参数的余玄函数值,单位为弧度。
7)exp(参数):
指数函数,返回值为e的参数次方。
8)log(参数):
自然对数函数,返回值为参数的自然对数函数值。
9)sin(参数):
正玄函数,返回值为参数的正玄函数值,单位为弧度。
10)sqrt(参数):
平方根数,返回值为参数的平方根。
11)tan(参数):
正切函数,返回值为参数的正切函数值,单位为弧度。

12)max(参数1,参数2):
返回参数1和参数2中较大的那个值。
13)min(参数1,参数2):
返回参数1和参数2中较小的那个数值。
14)pow(参数1,参数2):
返回第一个参数的第二个参数次方。
15)floor(参数):
返回小于或等于参数的最大整数。
16)round(参数):
对参数四舍五入后取整。
17)random():
用于产生0到1之间的一个随机数,如果想要产生一个大于1的随机数,
只要用这个方法的返回值再乘以一个想要使它成为随机数范围的整数
即可,例如要产生100以内的随机数,可以用下面的方法:
Math.random()*100;
注意:100以内,表示不包扩100,即0到99.9999999......。
要想得到随机整数,需用floor或round或ceil方法使其取整。

           

日期对象的使用:
日期对象是预定义对象,它无须编程者构造便可使用,它是与日期和时
间有关的对象,这个对象虽然不用构造,但在使用时必须创建实例,创
建实例的语法为:
var 实例名=new Date();
它有如下属性:
1)constructor:
保存着对象构造函数的值,比如:
<script>
var x=new Date();
document.write(x.constructor);
</script>
运行后将在页面上显示:
function Date() { [native code] } 
2)prototype:
为日期对象增加一个新的属性,语法:
Date.prototype.属性名="值"
例如:
<script>
Date.prototype.y="aaaaa";
document.write(x.y);
</script>
执行后将在页面上显示:
aaaaa 
日期对象的方法:
1)getDate():
返回当前本地机日期的天数,这里的天数是指的几月几号的那个几号。
2)getDay():
返回当前本地机的星期数,0代表星期天,1代表星期一,......6代表星
期六。
3)getHours():
返回值为当前本地机时间的小时数,取值为0-23,夜晚12点取值0。
4)getMinutes():
返回当前本地机时间的分钟数,取值0-59。
5)getMonth():
返回当前本地机的月份数,取值为0-11,0表示1月,......,11表示12
月。
6)getSeconds():
返回当前本地机时间的秒数,取值为0-59。
7)getTime():
返回从1970年1月1日00:00:00起到当前本地机时间的毫秒数。
8)getYear():
返回当前本地机日期的年份,用年份的后两位数表示,它特指1900年
到1999年之间的年份,比如88表示1988年,而00表示1900年。
9)getFullYear():
返回用四位数表示的年份,可以表示2000年之后的年份数。
以上的方法都是用于获得本地机的时间,时间也可以被设置,只要将上
面方法中的关键字get换成set就可以了,但要注意所设置的只是浏览器
中可显示的时间,并没有改变本地机的系统时间。
10)parse():
返回从1970年1月1日00:00:00起到指定的时间的毫秒数。例如: var x=Date.parse(Dec 25,1998);
意思是将从1970年1月1日00:00:00到1998年12月25日的毫秒数
传递给变量x。这个方法无需实例,可以由Date对象直接调用。
11)toGMTString():
返回GMT格式的日期时间字符串。

           
  
框架:
什么是框架:
框架就是将一个窗口分成两个或更多个包含在该窗口中的小窗口,并且
每个小窗口中的网页都是单独的,互相之间没有关系,但确可以从一个
框架来控制另一个框架中的网页的变化。
框架的定义:
在html中使用<FRAMESET>来定义框架,例如:
<FRAMESET cols="30%,50%,*">
<FRAME src="0001.htm">
<FRAME src="0002.htm">
<FRAME src="0003.htm">
</FRAMESET>
其中第一条语句表示定义了一个框架组,将窗口分成由三个框架组成的
框架组,其中最左边的框架的宽度占整个窗口的30%,中间的一个框架
占整个窗口的50%,后面的那个星号,表示第三个框架,也就是最后一
个框架占整个窗口的除了其它框架的剩余部分。
第二到第四条语句为每一个框架指定了要在其中显示的网页。
最后的</FRAMESET>与开始的<FRAMESET>构成标记对,说名框
架定义的结束。
为了使不支持框架的浏览器也能够浏览网页,要使用下面的标记语句:
<NOFRAMES>
处理语句
</NOFRAMES>
其中处理语句是由编程者所编写的用于当浏览器不支持框架时所要执行
的动作。
例如:
<NOFRAMES>
<script>
window.location="noframes001.htm";
</script>
</NOFRAMES>
表示当浏览器不支持框架时转到网页noframes001.htm,而
noframes001.htm是事先作好的没有框架的网页。
注意:上面的语句是将窗口分成左右排列的列形式的框架,如果要将窗
口分成上下排列的行形式的框架,要用下面的语句:
<FRAMESET rows="30%,50%,*">
也就是说 cols是将窗口或框架分成列的属性关键字,而rows是将窗口分
成行的属性关键字。
框架的嵌套:
框架中又有框架,就是框架的嵌套。例如:
<FRAMESET cols="200,*">//框架定义开始,左边的框架被定义成
200像素,右边的框架被定义成剩余部分
<FRAME src="0001.htm">//为左边的框架指定网页0001.htm
<FRAMESET rows="100,*">//将右边的框架再分为上下两个框架,
上面的框架占100像素,下面的框架占剩
余部分。
<FRAME src="0002.htm">//为上面的框架指定网页
<FRAME src="0003.htm">//为下面的框架指定网页
</FRAMESET>//嵌套框架定义结束
</FRAMESET>//所有框架定义结束
框架之间信息的交换:
如果要从一个框架中的页面获得另一个框架中的信息,可以使用下面的
语法:
top.框架名.属性
例如在窗口的其中一个框架中的页面中有如下的代码:
document.write(top.right.location);
表示在页面中显示框架名为right的框架中的页面的URL

由此可以从一个框架中用代码来改变另一个框架中的页面,例如:
<FRAMESET cols="30%,*">
<FRAME src="0001.htm" name="left">
<FRAME src="0002.htm" name="right">
</FRAMESET>
//以上代码定义了一个左右排列的框架组,如果在网页文件0001.htm
中有如下的代码,那么就可以通过点击其中的“转到”按钮使右边的框
架所显示的页面变成0003.htm:
<script>
function change001(){
top.right.location=’0003.htm’;
}
</script>
<input type="button" onclick="change001()" value="转到">
也可以通过代码同时改变多个框架中的页面,具体实例及代码请查看本
软件的“实例演示”部分。
1、 本站不保证以上观点正确,就算是本站原创作品,本站也不保证内容正确。
2、如果您拥有本文版权,并且不想在本站转载,请书面通知本站立即删除并且向您公开道歉! 以上可能是本站收集或者转载的文章,本站可能没有文章中的元件或产品,如果您需要类似的商品请 点这里查看商品列表!
本站协议 | 版权信息 |  关于我们 |  本站地图 |  营业执照 |  发票说明 |  付款方式 |  联系方式
深圳市宝安区西乡五壹电子商行——粤ICP备16073394号-1;地址:深圳西乡河西四坊183号;邮编:518102
E-mail:51dz$163.com($改为@);Tel:(0755)27947428
工作时间:9:30-12:00和13:30-17:30和18:30-20:30,无人接听时可以再打手机13537585389