没有合适的资源?快使用搜索试试~ 我知道了~
JavaScript教程.doc
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 159 浏览量
2022-06-09
17:06:26
上传
评论
收藏 150KB DOC 举报
温馨提示
试读
20页
JavaScript教程
资源推荐
资源详情
资源评论
JavaScript 教程
编写第一个 JavaScript 程序
<html>
<head>
<Script Language ="JavaScript">
// JavaScript Appears here.
alert("这是第一个 JavaScript 例子!");
alert("欢迎你进入 JavaScript 世界!");
alert("今后我们将共同学习 JavaScript 知识!");
</Script>
</Head>
</Html>
JavaScript 代 码 由 <Script Language ="JavaScript">...</Script> 说 明 。 在 标 识
<Script Language ="JavaScript">...</Script>之间就可加入 JavaScript 脚本。
alert()是 JavaScript 的窗口对象方法,其功能是弹出一个具有 OK 对话框并
显示()中的字符串。
通过<!-- ...//-->标识说明:若不认识 JavaScript 代码的浏览器,则所有在其
中的标识均被忽略;若认识,则执行其结果。使用注释这是一个好的编程习惯,
它使其他人可以读懂你的语言。
JavaScript 以 </Script> 标签结束。
JavaScript 代码的加入
可以直接将 JavaScript 脚本加入文档<Script Language ="JavaScript">
JavaScript 语言代码;
JavaScript 语言代码;
....
</Script>
说明: 通过标识<Script>...</Script>指明 JavaScript 脚本源代码将放入其间。
通 过 属 性 Language ="JavaScript" 说 明 标 识 中 是 使 用 的 何 种 语 言 , 这 里 是
JavaScript 语言, 表示在 JavaScript 中使用的语言。
在 JavaScript 中四种基本的数据类型:数值(整数和实数)、字符串型(用“”
号或‘’括起来的字符或数值)、布尔型(使 True 或 False 表示)和空值 .
JavaScript 中的算术运算符有单目运算符和双目运算符。
双目运算符:
+(加) 、-(减)、 *(乘)、 /(除)、 %(取模) 、|(按位或)、&(按位
与)、<<(左移)、 >>(右移)、 >>>(右移,零填充)。
单目运算符:
-(取反)、~(取补)、++(递加 1)、 --(递减 1)。
比较运算符它的基本操作过程是,首先对它的操作数进行比较,尔后再返回一
个 true 或 False 值,有8个比较运算符:
<(小于)、>(大于)、<=(小于等于)、>=(大于等于)、==(等于)、!=(不等于)。
在 JavaScript 中增加了几个布尔逻辑运算符:
!(取反)、&=(与之后赋值)、 &(逻辑与)、 |=(或之后赋值)、 |(逻辑
或)、 ^=(异或之后赋值)、 ^(逻辑异或)、 ?:(三目操作符)、||(或)、
==(等于)、|=(不等于)。
其中三目操作符主要格式如下:
操作数?结果1:结果2
若操作数的结果为真,则表述式的结果为结果1,否则为结果2。
一个跑马灯效果的 JavaScript 文档。
<html>
<head>
<script Language="JavaScript">
var msg="这是一个跑马灯效果的 JavaScript 文档";
var interval = 100;
var spacelen = 120;
var space10=" ";
var seq=0;
function Scroll() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq >= len ) {
seq = spacelen;
window.setTimeout("Scroll2();", interval );
}
else
window.setTimeout("Scroll();", interval );
}
function Scroll2() {
var out="";
for (i=1; i<=spacelen/space10.length; i++) out +=
space10;
out = out + msg;
len=out.length;
window.status=out.substring(seq, len);
seq++;
if ( seq >= len ) { seq = 0; };
window.setTimeout("Scroll2();", interval );
}
Scroll();
</script>
<body>
</body>
</html>
if 条件语句
基本格式
if(表述式)
语句段1;
......
else
语句段2;
.....
功能:若表达式为 true,则执行语句段1;否则执行语句段2。
if(布尔值)语句1;
else(布尔值)语句2;
else if(布尔值)语句3;
……
else 语句4;
在这种情况下,每一级的布尔表述式都会被计算,若为真,则执行其相应的语
句,否则执行 else 后的语句。
For 循环语句
基本格式
for(初始化;条件;增量)
语句集;
功能:实现条件循环,当条件成立时,执行语句集,否则跳出循环体。
说明:
初始化参数告诉循环的开始位置,必须赋予变量的初值;
条件:是用于判别循环停止时的条件。若条件满足,则执行循环体,否则 跳出。
增量:主要定义循环控制变量在每次循环时按什么方式变化。
三个主要语句之间,必须使用逗号分隔。
while 循环
基本格式
while(条件)
语句集;
该语句与 For 语句一样,当条件为真时,重复循环,否则退出循环。
For 与 while 语句
两种语句都是循环语句,使用 For 语句在处理有关数字时更易看懂,也较紧凑;
而 while 循环对复杂的语句效果更特别。
break 和 continue 语句
与 C++语言相同,使用 break 语句使得循环从 For 或 while 中跳出,continue 使
得跳过循环内剩余的语句而进入下一次循环。
JavaScript 函数定义
Function 函数名 (参数,变元){
函数体;.
Return 表达式;
}
说明:
当调用函数时,所用变量或字面量均可作为变元传递。
函数由关键字 Function 定义。
函数名:定义自己函数的名字。
参数表,是传递给函数使用或操作的值,其值可以是常量 ,变量或其它表达式。
通过指定函数名(实参)来调用一个函数。
必须使用 Return 将值返回。
函数名对大小写是敏感的。
函数中的形式参数
在函数的定义中,我们看到函数名后有参数表,这些参数变量可能是一个或几
个 。 那 么 怎 样 才 能 确 定 参 数 变 量 的 个 数 呢 ? 在 JavaScript 中 可 通 过
arguments .Length 来检查参数的个数。
例:
Function function_Name(exp1,exp2,exp3,exp4)
Number =function _Name . arguments .length;
if (Number>1)
document.wrile(exp2);
if (Number>2)
document.write(exp3);
if(Number>3)
document.write(exp4);
...
事件驱动及事件处理
JavaScript 是基于对象(object-based)的语言。这与 Java 不同,Java 是面向对象的语
言。而基于对象的基本特征,就是采用事件驱动(event-driven)。它是在用形界
面的环境下,使得一切输入变化简单化。通常鼠标或热键的动作我们称之为事
件(Event),而由鼠标或热键引发的一连串程序的动作,称之为事件驱动
(Event Driver)。而对事件进行处理程序或函数,我们称之为事件处理程序
(Event Handler)。
事件处理程序
在 JavaScript 中对象事件的处理通常由函数(Function)担任。其基本格式与函数
全部一样,可以将前面所介绍的所有函数作为事件处理程序。
格式如下:
Function 事件处理名(参数表){
事件处理语句集;
……
}
主要有以下几个事件
单击事件 onClick
onChange 改变事件
选中事件 onSelect
获得焦点事件 onFocus
失去焦点 onBlur
载入文件 onLoad
卸载文件 onUnload
范例 1
<HTML>
<HEAD>
<script Language="JavaScript">
剩余19页未读,继续阅读
资源评论
oligaga
- 粉丝: 52
- 资源: 2万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功