JavaScript语言.docx
- 文档编号:7800695
- 上传时间:2023-01-26
- 格式:DOCX
- 页数:27
- 大小:177.26KB
JavaScript语言.docx
《JavaScript语言.docx》由会员分享,可在线阅读,更多相关《JavaScript语言.docx(27页珍藏版)》请在冰豆网上搜索。
JavaScript语言
实验七ASP使用的脚本语言
(二)
实验目的:
1.了解JavaScript的应用特点;
2.理解VBScript与JavaScript区别
3.了解VBScript变量声明;
4.了解VBScript运算符;
5.掌握条件判断语句;
6.掌握循环语句。
实验步骤
一、JavaScript语言的概述
Javascript目前在网络上应用十分广泛,几乎所有的动态网页里都能找到它的身影。
JavaScript就是一种基于对象和事件驱动。
二、VBScript与JavaScript区别
序号
比较对象
VBScript
JavaScript
1
代码插入网页的方法
...
...
2
是否区分大小写
不区分
区分
3
注释
用单引号
用“//”
4
语句结束时
定议变量时
不加用符号,如:
dimj
j=5
要加“;”
varj;
j=5;
5
输出语句
Response.write("我是0953")
document.write("我是0953")
小括号不能省
6
逻辑运算
与或非;andornot
&&||!
7
函数、循环体
有SUB和FUNCTION
主体不加大括号{}
functionsayHello(str)
response.writestr&",你好!
"
Endfunction
只有FUNCTION
主体要加大括号{},之后不再加“;”
functionsayHello(str)
{
response.writestr&",你好!
"
}
8
运行位置
常在服务器端或客户端
常用在客户端
9
字符运算符“连接”符
a&”你好”
A+”你好”;
10
自加1和自减1
i=i+1
j=j-1
i=i+1;或i++;
j=j-1;或j--;
11
逻辑等号
=(赋值号不变)
==
12
For循环
s=0
fori=1to10step1
s=s+i
next
s=0;
for(i=1;i<=10;i++)
{
s=s+i
}
13
数组的符号
Dima(4)有5个元素
a(0)=12使用时用小括号
vara=newarray(5)
a[0]=12;使用时用中括号
14
If语句
If条件Then
条件成立执行的语句A
Else
条件不成立执行的语句B
EndIf
if(条件)
{成立执行的语句;}
else
{不成立执行的语句;}
15
从IE中弹出对话框
msbox("辛苦了,学JavaScript")
①警告(alert)
alert("我是菜鸟我怕谁");
②确认(confirm)
varr=confirm("你是菜鸟吗")
③提问(prompt)
16
不等于
i<>1
i!
=1;
三、将下面的VBscript程序改写为JavaScript代码
1)将原6-2.asp改为JavaScript,修改后保存为7-1-1.asp。
2)将6-1.asp修改为JavaScript代码,完成后另存为7-1-2.asp。
3)将昨天的九九乘法表6-9.asp。
改为JavaScript代码,完成后另存为7-1-3.asp。
要求检查。
四、JavaScript写在哪里:
1)写在
之间2)写在
之间3)写在外部*.js文件中。
使用时加
例1:
7-1-4.asp
functioncharScroll()
{
var_listUl=document.getElementById("js_charList");//得到
- 元素
- 列表元素移至
- 元素最后
- 列表元素移至
- 元素最后
- 滚动字幕效果
- 使用JavaScript控制ul、li实现字幕滚动
- 第一个简单实现
滚动字幕效果 滚动字幕效果
}
文件2:
7-1-4B.asp,内容如下:
setInterval("charScroll()",400);//设置时间间隔及触发的事件charScroll()
4)利用JavaScript代码实现检测电话号码的功能。
例7-1-5.asp.
5)利用JavaScript代码实现显示数字时钟的功能。
例7-1-6.asp.
数字时钟 functionclock()
{
var_time=newDate();//实例化一个Date类型的对象
var_weekIndex=_time.getDay();
var_week='日一二三四五六'.substr(_weekIndex,1);
var_htmlTxt='
'+ _time.toLocaleString()+'星期'+_week+'';
dgtlClock.innerHTML=_htmlTxt;//指定div元素的innerHTML
}
}
setInterval("charScroll()",400);//设置时间间隔及触发的事件charScroll()
例2:
文件1:
common.js放在子目录js中,内容如下:
functioncharScroll()
{
var_listUl=document.getElementById("js_charList");//得到
- 元素
_listUl.appendChild(_listUl.firstChild);//将第一个
- 列表元素移至
_listUl.appendChild(_listUl.firstChild);//将第一个
setInterval("clock()",1000);//每隔1000毫秒(1秒)调用clock()事件
五、学习对话框
1)警告(alert)
JavaScript中有三种弹出框:
警告(alert)、确认(confirm)以及提问(prompt)。
在访问网站的时候,你遇到过这样的情况吗?
“咚”的一声,一个小窗口出现在你面前,上面写着一段警示性的文字,或是其它的提示信息。
如果你不点击确定,你就不能对网页做任何的操作。
没错,这个“咚”的小窗口就是alert干的。
下面的代码是一段使用alert的实例。
alert("我是菜鸟我怕谁");
将上述代码插入新建的网页
…之间,并另存为7-2-1.asp。2)确认(confirm)
确认框用于让用户选择某一个问题是否符合实际情况。
来看下面的代码:
我们用confirm("你是菜鸟吗?
")向访客提问,变量r则保存了访客的回应,它只可能有两种取值:
true或false。
没错,它是一个布尔值。
confirm后面的语句则是我们对访客回答做出的不同回应。
varr=confirm("你是菜鸟吗");
if(r==true)
{
document.write("彼此彼此");
}
else
{
document.write("佩服佩服");
}
将上述代码插入到7-2-1.asp的