《JavaScript语言》上机作业js脚本编程入门
一、JavaScript概述(教材第1章第15页)
1、编写JavaScript脚本,弹出一个对话框输出“我喜欢学JavaScript”,并进行测试。
2、编写JavaScript脚本,计算商品的销售额,并存储在单独的add.js文件中,然后在index.html文件中调用脚本文件,并运行Jav aScript程序。
二、JavaScript编程基础(教材第3章第68页)
1、应用if条件语句判断2009年是平年还是闰年,并输出结果。
2、应用switch分支语句输出系统的当前时间是星期几,并输出结果。
3、应用while循环语句将指定的字符串“学习JavaScript很容易!”输出10次,并且每次输出的字号逐渐递增。
4、应用for循环语句输出一年中的月份,并且每个月份要以不同的颜进行区分。
5、定义一个名为check()的函数,用来检测表单中用户名是否为空。当用户单击表单中的“提交”按钮时,
检索用户名文本框是否为空,如果为空则弹出提示信息。
三、JavaScript常用内置对象(教材第4章第83页)
1、应用JavaScript的日期对象获取系统的当前日期和时间,并用中文格式显示。(提示:可参考例4-1)
2、应用JavaScript脚本对输入日期合法性进行判断。(提示:可参考例3-13)
3、编写JavaScript程序实现:检查字串是否是有效的字串,字串中包含0到9的数字、英文字母、下划线、减号、空格均为有效字符,否则为无效字符。
4、编写JavaScript程序实现:随机产生n位字串密码,且该字串中只能包含0到9的数字和英文字母。
5、编写JavaScript程序实现:用图像显示系统日期,如:
。
6、应用Array对象的length属性获取已创建的字符串对象的长度,并输出长度值。(不做)
7、应用Array对象和Date对象输出系统的当前日期是星期几。
8、编写JavaScript程序实现:计算器的功能。界面如图:(选做)
四、事件(教材第5章)
1、编写JavaScript程序实现:
(1)在页面加载完成后弹出“欢迎进入本网页”对话框,在用户退出页面后,弹出“谢谢浏览”对话框。
(2)页面加载后文本“JavaScript很好学”以“宋体”格式显示,单击“确定”按钮后,弹出一个输入提示框,当向该提示框中输入“红”并确定后,页面中的文本以红的“黑体”格式显示。
(3)单击“变换背景”按钮,动态改变页面的背景颜。
(4)利用鼠标的按下和松开事件制作超链接的效果,即在文本上按下鼠标时,改变文本的颜,在文本上松开鼠标时,恢复文本的默认颜并打开一个新的窗口。
(5)当鼠标在图片上移入和移出时,动态改变图片的显示效果(用CSS滤镜
Alpha属性)。
(6)当鼠标移动到指定的文字时,动态显示飞出来的星形标记(通过层),当鼠标移出指定的文字时,隐藏星形标记。
(7)当按下键盘上的a键时,对页面进行刷新。
2、编写JavaScript程序实现:
(1)当用户打开网页时,在浏览器上以固定的大小显示网页,当用鼠标拖曳浏览器边框改变其大小时,浏览器将恢复原始大小。
(2)在网页中插入一张图片,在网页加载时,将图片缩小成指定的大小显示,当鼠标移动到图片上时,图片恢复成原始大小,当鼠标移出图片后,图片又缩小成指定的大小。
(3)在网页中插入一个用户登录表单,当用户选择页面中的文本框时,改变文本框的背景颜为淡蓝,当离开文本框时,文本框的背景颜恢复为原始状态。
(4)在网页中插入一下拉列表框,当用户选择下拉列表框中的颜时,改变网页中文本框的字体颜。
(5)输入一段文字,设置字幕上下循环滚动,当字幕到达窗口边界时,改变字幕的滚动速度。
(6)输入一段文字,设置字幕向上滚动,并动态改变其文字颜。
(7)屏蔽在文本框中的复制、剪切操作,设置页面中除text类型以外的所有文本内容都不能进行选择操作。
五、JavaScript常用文档对象(教材第6章)
1、设计一个用户注册页面,编写JavaScript程序实现:用户名的验证、密码的验证、的验证、电话的验证、电话号码的验证、E-mail的验证。(参见例6-5)
2、编写JavaScript程序实现:广告图片以多种形式在页面中显示。(参见例6-10)
六、JavaScript常用窗口对象(教材第7章)
1、编写JavaScript程序实现:
(1)单击网页上的链接,打开一个窗口,在此新窗口中显示指定地址的网页,新窗口的宽度为300像素、高度为300像素,窗口左上角至屏幕左上角的高度和宽度为200像素和200像素;
(2)将上述新窗口置于屏幕的左上角,并将窗口从左到右以随机的角度进行移动,当窗口的外边框碰到屏幕的4个边时,窗口将进行反弹。
2、编写程序实现:打开的页面出现纵向滚动条时,页面中的内容将从上向下进行滚动,滚动到页面最底端时停止。
3、编写程序实现:打开网页后,在网页中单击超链接“打开JavaScript习题集”,在屏幕的左上角会弹出相应的窗口,并动态增加窗口的宽度和高度,直到窗口与屏幕可用大小相同为止。
4、编写程序实现:在网页中适时显示系统日期和时间。
5、制作框架网页,如下图所示,分为左、中、右三个框架页,在中间框架网页中有三个按钮,分别实现:隐藏右框架网页、显示左和右框架网页、隐藏左框架网页,并实现左和右框架的滚动条连动。(提示:通过设置ls
的值控制框架网页的显示与隐藏,通过onscroll=
"parent.frame2.document.body.scrollTop= parent.frame1.document.body.scrollTop"设置滚动条的连动)(选做)
七、JavaScript与动态网页(参考www.w3school及FTP上的课件)
1、编写JavaScript程序实现:图像浏览器的功能,如下图
2、编写JavaScript程序实现:滚动的友情链接。即:图片串由右向左不断滚动,当鼠标移入图片时图片串停止滚动,单击某图片打开相应的链接,鼠标移开图片时图片串继续滚动。(选做)
3、编写JavaScript程序实现图像链接的动态效果:图像的一般状态下图像显示效果如下图a所示,当鼠标移入图像时图像的Alpha值逐渐变化,最终效果如下图b所示。
a 图像链接的link状态
b 图像链接的hover状态
4、编写JavaScript程序实现:的动态显示。最终效果如下图:(选做)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论