JavaScript脚本语言
一、授课题目
JavaScript
二、教学时间安排
上课2学时,上机2学时
三、教学目的、要求
1.回顾和复习以前C语言的基本语法知识;进一步加深理解JavaScript语法知识;2.深刻理解有关函数中变量的作用域和各类控制语句的功能;
3.理解和灵活运用JavaScript中常用的几个对象的属性和方法;
四、教学重点和难点
1.JavaScript的语法特点,函数的定义、调用,变量的作用域;
2.条件控制语句、循环控制语句;
3.JavaScript中几个常用对象的应用;
五、教学方法及手段
1. 多媒体授课。通过实例演示介绍JavaScript。
2. 上机实训。通过用户登陆页面数据校验熟悉JavaScript。
六、教学过程设计
1.什么是JavaScript?
JavaScript是Netscape公司推出的一种嵌入HTML文档的,基于对象的脚本描述语言。利用它可以进一步的增强网页的交互性、方便操作和控制各种浏览器对象,实现控制浏览器外观、状态和运行方式的目的。利用它还可以实现对用户所输入的数据进行有效性检验,从而减轻服务器的负担。其语法与C语言很相似。
2.在网页中使用JavaScript的方法
(1)用
(2)单独编写一个*.js文件。
如果一段JavaScript应用到多个网页,可以将其放入到扩展名称为:Js文本文件。在需要使用"JavaScript"的页面中插入方法:
3.JavaScript语法基础
(1)JavaScript的数据类型:数值型、逻辑型、字符串型和undefined类型。
(2)常量、变量
var num=24,id="36";
x=num+id; //Number(id) 结果为60
window.alert("x的值为:"+x); //显示的结果为“2436”
通过上例需要注意的问题:
●JavaScript语句区分大小写,语句以分号作为结束符号;
●用//来注释语句
●变量需要用var定义可以给多个变量赋初值;
●变量的类型转换,数值型转换成字符型进行连接运算;需要用类型转换函数。
(3)表达式
●条件表达式(条件)?A:B
age=20;
man=(age>=18)?"adult”:” minor";
Window. alert("this man is a "+man);
●算术表达式、关系表达式(==、===、>=、<=等)、逻辑表达式(&&、||、!
等)
document. write("3"==3); //显示true
document. write("3"===3); //显示false
4. 函数:
(1)函数的定义:
function 函数名(形式参数){
函数体
return 表达式
}
(2)函数的调用:
格式1:varname=函数名(实际参数)//有返回值时用
格式2:函数名(参数值)//无返回值时用
JavaScript的函数采用传值方式进行传递;通常函数的定义是在
部分举例:
function cuberoot(num) {
num=Math.pow(num,1/3)
return num;
}
var x=27
window. alert("27的立方根为:"+cuberoot(x)+",x="+x);
5. 变量的作用域
作用域是指定变量的存活范围,在JavaScript中,变量的作用域可分为过程级和页面级,其实质都是局部变量;
●在函数中运用var定义的变量只在函数体内有效,如果出现同名则屏蔽函数外的变
量;
●如果未用var定义则使用函数外同名的变量,如果没有同名的函数外变量则此变量
在函数外仍然有效。
举例:
var x=13,y=29;
Function test() {
var num,y=10; //去掉num定义,则不会有错
num=x+y;
x++
window. alert("内部的num的值为:"+num); //显示为23
}
test();
window. alert("外部的num的值为:"+num); //显示错误
6. 程序控制语句
(1)条件分支语句:其中的条件取逻辑值,数值的0为false,字符的“”为false if (条件) {
语句体1;
} else {
语句体2;
}
举例:
var a=3,b=4,c="",d="abc",e=true,f=0;
if (a==b) {
document. write("条件成立!"); //分别用其它变量来代替条件}
else {
document. write("条件不成立!");
}
switch(表达式) {
case 值:
语句
}
举例:
var curday=new Date();
switch(curday.getDay()) {
case 1:
document. write("星期一");break;
case 2:
document. write("星期二");break;
case 3:
document. write("星期三");break;
case 4:
document. write("星期四");break;
case 5:
document. write("星期五");break;
case 6:
document. write("星期六");break;
case 0:
document.write("星期日");break;
}
(2)控制语句
●for循环
var s=0;
for(var n=2;n<=100;n+=2) {
s+=n;
}
document. write("1-100间偶数的累加和为:"+s);
●while
var n=1;
while(n<=6) {
document. write("
");
n++;
}
●do while
7. 内置对象与函数
JavaScript是一种基于对象的脚本语言,每一个对象均有自己的属性和方法,传统的字符串和数学函数变成有关对象的方法;常用的内置对象有string对象、math对象、array和Date
(1)String
Var 实例名=new String(“字符串”);
Var msg=”字符串”;
属性:msg.length
方法:charat()、indexof()等
(2)Math
属性:数学常用的一些常量如:E、PI等
方法:数学常用的函数如:sin(a) 、cos(a)、abs()等;
(3)Array
Var 数组名=new Array();
Var 数组名=new Array(初值1、初值2等)
数组的成员的编号从0开始,
(4)Date
Var 实例名=new Date();
方法:getyear()/getmonth()/getdate()/getday()/gethours()/getminutes()/getseconds()
(5)eval()函数
举例:
function calculate(obj) {
obj.result.value=eval(obj.expression.value);
}
七、思考题及作业
1.上网搜索网页特效(JavaScript实现),并在上次课设计好的页面中应用。
2.使用JavaScript编程实现:根据时间段的不同,在网页中显示不同的问候语,若小时数在12点以前,则输出“早上好!”的问候语;若在12点至18点,则输出“下午好!”;18点以后输出“晚上好!”。
2. 在网络课程平台https://www.360docs.net/doc/9e12355524.html,”上机指导”中下载“安全软键盘”程序,并在设计好的用户登陆页面中应用。
八、主要参考书目
1.《WEB应用程序开发教程》,姜卫编,人民邮电出版社,2009年
2.《ASP程序设计》第二版,梁建武编,水利水电出版社,2007年
3. https://www.360docs.net/doc/9e12355524.html,/online/ebooks/javascript/ , JavaScript教程
脚本语言的发展
脚本语言的发展 主流的脚本语言 目前主流的脚本语言有以下几种: Groovy Ruby Python Groovy Groovy 是 JVM 的一个替代语言—替代是指可以用 Groovy 在 Java 平台上进行 Java 编程,使用方式基本与使用 Java 代码的方式相同。在编写新应用程序时,Groovy 代码能够与 Java 代码很好地结合,也能用于扩展现有代码。目前的 Groovy 版本是 1.6.3,在 Java 1.4 和 Java 5 平台上都能使用,也能在 Java 6 上使用。 Groovy 的一个好处是,它的语法与 Java 语言的语法很相似。虽然 Groovy 的语法 源于 Smalltalk 和 Ruby 这类语言的理念,但是可以将它想像成 Java 语言的一种更加简 单、表达能力更强的变体。(在这点上,Ruby 与 Groovy 不同,因为它的语法与 Java 语法差异很大。) 许多 Java 开发人员非常喜欢 Groovy 代码和 Java 代码的相似性。从学习的角度 看,如果知道如何编写 Java 代码,那就已经了解 Groovy 了。Groovy 和 Java 语言的 主要区别是:完成同样的任务所需的 Groovy 代码比 Java 代码更少。(有时候会少很 多!) Ruby Ruby,一种为简单快捷面向对象编程(面向对象程序设计)而创的脚本语言,在 20世纪90年代由日本人松本行弘(まつもとゆきひろ/Yukihiro Matsumoto)开发, 遵守GPL协议和Ruby License。它的灵感与特性来自于 Perl、Smalltalk、Eiffel、Ada 以及 Lisp 语言。由 Ruby 语言本身还发展出了JRuby(Java 平台)、IronRuby(.NET 平台)等其他平台的 Ruby 语言替代品。 1
脚本语言和互动网页设计课程网上作业单选题答案
1: 下述选项中不属于JDBC基本功能的是:() 1.与数据库建立连接 2.提交SQL语句 3.处理查询结果 4.数据库维护管理 2:在page指令中,()属性是可以在页面中重复的的属性。 https://www.360docs.net/doc/9e12355524.html,nguage 2.buffer 3.import 4.autoFlush 3:下面哪种数据类型是基本数据类型()。 1.class 2.interface 3.数组 4.char 4:下列哪种数据类型是引用类型()。 1.boolean 2.int 3.interface 4.long
5: 在JSP中使用
3.getParameterValues() 4.getSession() 9:下面哪一个运算符有3个操作数()。 1.* 2.++ 3.&& 4.?: 10:以下文件名后缀中,只有()不是静态网页的后缀。 1..html 2..htm 3..jsp 4..shtml 11:以下选项中,哪一项不是JSP指令()。 1.page 2.import 3.include 4.taglib 12:实际开发中使用Session可以设置访问的安全性,请选择Session所设置的属性的数据类型( ) 1.String
基于JavaScript(网页脚本语言)编写的万年历(含源文件)
《软件系列课程设计——基于JavaScript (网页脚本语言)编写的万年历》 班级 学号 姓名 指导教师 成绩______________________________ 2010年06 月18 日
目录 摘要………………………………………………………………………一、引言………………………………………………………………… 1.应用背景……………………………………………………… 2.可行性分析…………………………………………………… 3.研究路线及内容……………………………………………… 二、系统开发工具……………………………………………………… 三、系统设计(详细设计)……………………………………………… 四、结束语 1.总结………………………………………………………………… 2.参考文献…………………………………………………………… 摘要 极品万年历,带有带有电子时钟,可看不同时区时间,阳历、农历同步显示,鼠标指出,
天干地支计时即出。 一、引言 1,、应用背景 随着科技的发展,人们渴望着把现实生活中的林林总总都搬到电脑上,大到工程设计,小到极品万年历。 2、可行性分析 方便查看农历重要的日子,方便外出办公校正不同区时…… 3、研究路线及内容 通过用JavaScript语言编写代码,并利用文本保存为HTTP或HTML格式。并试图实现一下内容: 1、可看阳历; 2、可看农历; 3、可看时间; 4、可看天干地支计时; 5、可划分区时。 二、系统开发工具 JavaScript网页脚本语言,IE、360安全浏览器或其他浏览器。 三、系统设计 1、程序源码