javascript入门文档格式.docx
《javascript入门文档格式.docx》由会员分享,可在线阅读,更多相关《javascript入门文档格式.docx(74页珍藏版)》请在冰豆网上搜索。
JavaScript1.0——JavaScript1.4
浏览器对JavaScript的支持:
JavaScript/IE3.0、JavaScript1.2/IE4.0;
微软允许用户自行设置对JavaScript处理模式。
JavaScript与Java、VBScript、JScript的关系:
JavaScript与Java的区别体现在:
首先,它们是两个公司开发的不同的两个产品,Java是SUN公司推出的新一代面向对象的程序设计语言,特别适合于Internet应用程序开发;
而JavaScript是Netscape公司的产品,其目的是为了扩展NetscapeNavigator功能而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。
其次,JavaScript是基于对象的,而Java是面向对象的,即Java是一种真正的面向对象的语言,即使是开发简单的程序,必须设计对象。
JavaScript是种脚本语言,它可以用来制作与网络无关的,与用户交互作用的复杂软件。
它是一种基于对象和事件驱动的编程语言。
因而它本身提供了非常丰富的内部对象供设计人员使用。
第三,两种语言在其浏览器中所执行的方式不一样。
Java的源代码在传递到客户端执行之前,必须经过编译,因而客户端上必须具有相应平台上的仿真器或解释器,它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。
JavaScript是一种解释性编程语言,其源代码在发往客户端执行之前不需经过编译,而是将文本格式的字符代码发送给客户,由浏览器解释执行。
第四,两种语言所采取的变量是不一样的。
Java采用强类型变量检查,即所有变量在编译之前必须作声明。
JavaScript中变量声明,采用其弱类型。
即变量在使用前不需作声明,而是解释器在运行时检查其数据类型。
第五,代码格式不一样。
Java是一种与HTML无关的格式,必须通过像HTML中引用外媒体那么进行装载,其代码以字节代码的形式保存在独立的文档中。
JavaScript的代码是一种文本字符格式,可以直接嵌入HTML文档中,并且可动态装载。
编写HTML文档就像编辑文本文件一样方便。
第六,嵌入方式不一样。
在HTML文档中,两种编程语言的标识不同,JavaScript使用<
script>
...<
/script>
来标识,而Java使用<
applet>
...<
/applet>
来标识。
第七,静态绑定和动态绑定。
Java采用静态联编,即Java的对象引用必须在编译时的进行,以使编译器能够实现强类型检查,如不经编译则就无法实现对象引用的检查。
JavaScript采用动态联编,即JavaScript的对象引用在运行时进行检查。
JS格式
JavaScript的格式:
JavaScript区分大小写;
JavaScript脚本程序须嵌入在HTML文件中;
JavaScript脚本程序中不能包含HTML标记代码;
(双引号)
每行写一条脚本语句;
语句末尾可以加分号;
JavaScript脚本程序可以独立保存为一个外部文件,但其中不能包含<
<
标签。
JavaScript脚本程序的几种基本格式:
document.write("
HelloWorld!
!
"
);
scriptlanguage="
JavaScript"
>
type="
text/JavaScript"
JavaScript1.2"
scriptsrc="
hello.js"
注意:
必须保存为一个外部文件:
hello.js
--
-->
使用JavaScript协议:
ahref="
JavaScript:
alert('
'
)"
请单击<
/a>
#"
onclick="
//"
JS数据、量
JavaScript的数据类型:
数值:
整数、浮点数;
逻辑值:
布尔值;
字符串值:
空值:
未定义值:
JavaScript数据的表示:
整数:
由正负号、数字构成,八进制、十进制、十六进制;
浮点数:
由正负号、数字和小数点构成,常规记数法、科学记数法;
true、false
单引号、双引号
null
根本不存在的对象、已定义但没有赋值的量;
JavaScript常量:
布尔常量:
true false
整数常量:
3721 0007 0xaff(0Xaff)
浮点数常量:
3.14 .001 3.721e+3 -3.721E-3
字符串常量:
你的E-mail地址有误!
含转义字符的字符串常量:
转义字符
意义
\b
退格(Backspace)
\f
换页(Formfeed)
\n
换行(Newline)
\r
返回(Carriagereturn)
\t
制表符(Tab)
\'
单引号('
)
\"
双引号("
\\
反斜线(\)
我爱\'
JavaScript\'
)
文件在c:
\\windows\\下"
pre>
未满十八岁\n不得进入!
/pre>
未满十八岁<
br>
不得进入!
document.alert("
密码不对\n请重新输入!
数组常量:
hobby=["
听音乐"
"
看电影"
]
hobby[0]、hobby[1]
,"
]
hobby[0]、hobby[1]、hobby[2]、hobby[3]
JavaScript变量:
变量命名规则:
首字符必须是大写或小写的字母或下划线(_)或美元符($);
后续的字符可以是字母、数字、下划线或美元符;
变量名称不能是保留字;
长度是任意;
区分大小写;
约定:
集中置顶;
使用局部变量;
易于理解;
stdId
避免混乱。
usrname usrName
声明变量:
varstdId;
varname,sex;
vartotal=3721;
varnotNull=true;
varname="
李小龙"
,sex="
先生"
;
vari=j=0;
变量赋值:
stdId=2004007;
变量作用域:
(方式、位置)
全局变量:
省略var,或在函数外声明
局部变量:
在函数内声明
全局变量可在整个脚本中被使用,可在不同的窗口中相互引用(指定窗口名)
例:
Script>
varlangJS="
//langJS是全局变量
test();
functiontest(){
varlangVBS="
VBScript"
//langVBS是局部变量
LI>
+langJS);
+langVBS);
}
/Script>
JS表达式
JavaScript表达式:
算术表达式;
字符串表达式;
关系(比较)表达式;
逻辑表达式。
JavaScript运算符:
根据处理对象的数目:
单元运算符;
二元运算符;
三元运算符。
根据功能:
赋值运算符;
= += -= *= /= %=(取余)
算术运算符;
+ - * / %(取余) ++(递增) --(递减) -
例1:
varx=11;
vary=5;
with(document){
write("
x=11,y=5"
x+y是"
x+y);
x-y是"
x-y);
x*y是"
x*y);
x/y是"
x/y);
x%y是"
x%y);
++x是"
++x);
--y是"
--y);
例2:
varx=y=3;
x=3,y=3<
若x=y++运算之后:
x=y++;
//y→x,y+1→y
x是"
x,"
y是"
y,"
再作x=++y运算:
x=++y;
//y+1→x,y+1→y
y);
字符串运算符;
+ +=
比较运算符;
== !
= ===(值及类型) !
==(值及类型)
<
= >
>
=
varx=5;
//x是数值5
vary='
5'
//y是字符串5
varz=6;
//x是数值6
x=5,y='
z=6"
x==y吗?
x==y);
x===y吗?
x===y);
x!
=y吗?
x!
=y);
==y吗?
==y);
x<
=z吗?
x<
=z);
y<
y<
//类型自动转换
逻辑运算符;
&
|| !
vart=true;
varf=false;
with(document){
OL>
true&
true的结果是"
t&
t);
false的结果是"
f);
false&
f&
(1==1)的结果是"
(1==1));
'
A'
的结果是"
&
'
B'
//&
:
有一个不是逻辑值,只要第一个操作数的值为flase,则返回第一个操作数的值flase,否则,返回第二个操作数的值
true||true的结果是"
t||t);
true||false的结果是"
t||f);
false||true的结果是"
f||t);
false||false的结果是"
f||f);
true||(1==1)的结果是"
t||(1==1));
false||'
f||'
||false的结果是"
||f);
true||'
t||'
||true的结果是"
||t);
||'
//||:
有一个不是逻辑值,只要第一个操作数为的值true、字符或非零的数字,则返回第一个操作数的值,否则,返回第二个操作数的值
例3:
true的结果是"
!
true);
false的结果是"
false);
0的结果是"
0);
逐位运算符;
特殊运算符。
1、new运算符:
创建对象(实例)
格式:
对象名称=new对象类型(参数)
2、this运算符:
表示当前对象
this[.属性]
functionvalidate(obj){
alert("
你输入的值是:
+obj.value);
}<
请输入任意字符:
BR>
INPUTTYPE="
text"
onKeyup="
validate(this)"
3、条件运算符:
三元运算符
格式:
条件表达式>
?
第一个值:
第二个值
NS=(document.layers)?
1:
0;
IE=(document.all)?
1:
window.screen.width>
800?
imgheight=100:
imgheight=100
imgleft=15:
imgleft=122
functionshowSex(){
onOroff=document.forms[0].sex[0].checked
status=(onOroff)?
"
帅哥"
:
美女"
Hello!
+status)
请输入你的性别:
FORMonClick=showSex()>
INPUTTYPE=radioNAME=sex>
男生
女生
/FORM>
运算符执行的优先顺序:
类型
运算符
括号
()
一元
~-++--typeofvoiddelete
算术
*/+-
位位移
>
比较
<
=>
===!
=
位逻辑
^(xor)|
逻辑
||
三元条件
?
赋值
=+=-=*=/=%=<
=&
=^=|=
JS语句
JavaScript语句:
注释语句:
单行注释:
//注释文字
多行注释:
/*
注释文字
*/
/***************************************
*
源码之家
*
*
下载:
论坛
*****************************************/
with语句:
(对象操作语句)
功能:
为一段程序建立默认对象。
with(<
对象>
){
语句组>
}
例1:
write("
限时抢购物品:
Li>
ViewSonic17\"
显示器。
EPSON打印机。
例2:
document.write("
if...else语句:
格式1:
if(<
表达式>
语句1>
else
语句2>
)
else
varnow=newDate();
varhour=now.getHours();
if(6<
hour&
hour<
18)
辛勤工作才能快乐收割!
休息一下,充电后再出发。
格式2:
语句组1>
}else{
语句组2>
格式3:
表达式1>
}elseif(<
表达式2>
语句组3>
}
varday=now.getDay();
vardayName;
if(day==0)dayName="
星期日"
elseif(day==1)dayName="
星期一"
elseif(day==2)dayName="
星期二"
elseif(day==3)dayName="
星期三"
elseif(day==4)dayName="
星期四"
elseif(day==5)dayName="
星期五"
elsedayName="
星期六"
今天是快乐的"
dayName);
if(day=0)dayName="
elseif(day=1)dayName="
elseif(day=2)dayName="
elseif(day=3)dayName="
elseif(day=4)dayName="
elseif(day=5)dayName="
while语句:
while(<
语句;
vari=5;
while(i>
0){
i="
i,"
i--;
do...while语句:
do{
}while(<
i-