JavaScript表达式和逻辑控制语句的使用实验一
一.实验目的
掌握JavaScript的变量;
掌握JavaScript的数据类型;
掌握JavaScript的运算符;
掌握JavaScript的逻辑控制语句。
二.实验内容
1、声明一个变量str,为其赋值"Hello World!",显示该值;
改变该变量值为"Hello China!",然后再显示该值。
2、将1~10之间的奇偶数分开,页面呈现方式如下:
3、任意输入一个年份,判断是否为闰年。
实验二函数部分
一.实验目的
掌握JavaScript的常用函数;
二.实验内容
编写一个函数,在页面上输出1~1000之间所有能同时被3,5,7整除的证书,并要求每行显示6个这样的数。
ex050303.htm
实验三
实验目的:常用函数的使用。
实验内容:
利用全局变量和函数,设计模拟幸运数字机游戏。设幸运数字为8,每次由计算机随机生成3个1~9之间的随机数,当这3个随机数中有一个数字为8时,就算赢了一次。
Ex050309.html
var win_rate=0; //赢率
var play_times=0; //总次数
var wins=0; //赢的次数
var last_digits; //上次数字串
var last_win; //上次是否赢?
}
//-->
事件与对象
实验四
实验目的:表单的设计。
实验内容:设计一个表单,放入两个按钮,单击它们时将显示不同问候语。
S07_02.HTM
function hello_girl()
{
alert("小姐,您好!");
}
实验五
实验目的:内置对象的使用。
实验内容:
1.在页面中显示当天日期。
S06_03.HTM:
var today;
today = new Date();
document.write("今天是"+today.getFullYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日");
实验六
实验目的:内置对象的使用。
实验内容:
2.在浏览器窗口的状态栏中显示当前浏览器的版本信息。
S06_02.HTM
window.status = navigator.appVersion;
实验七
实验目的:内置对象的使用。
实验内容:
3.将用户输入的字符串反向输出到页面上,并且要求将其中的小写字母转换成大写字母。
S06_07.HTM
var origin_s,upper_s,i;
origin_s = prompt("请输入一行文字:","");
upper_s = origin_s.toUpperCase();
for(i=upper_s.length-1;i>=0;i--) document.write(upper_s.charAt(i));
实验八
实验目的:内置对象的使用。
实验内容:
4.求PI的5次方,并四舍五入取整。
S06_04.HTM
alert(Math.round(Math.pow(Math.PI,5)));
实验九
实验目的:内置对象的使用。
实验内容:
5.由图像表示日期。
ch3_14.htm
JavaScript对象的理解和使用
实验十
一.实验目的
掌握JavaScript的常用的对象类型;
掌握JavaScript对象属性和方法的引用方式;
了解JavaScript对象的常用属性和方法;
二.实验内容
1、任意输入一个字符串,单击“确定”按钮,输出字符串的长度。
2、猜数游戏,实现效果如下:
3、设计实现一个带开关的时钟。
JavaScript事件的理解和使用
实验十一
一.实验目的
掌握JavaScript的常用的事件;
掌握JavaScript事件的处理方式;
了解如何通过HTML属性和JavaScript属性处理事件;
二.实验内容
1、设计实现一个页面,当进入页面时提示“您好,欢迎光临”,当离开页面时提示“您好,欢迎您下次再来”。
2、设计实现如下页面,要求
(1)单击“提交”按钮时逐一验证页面各项信息不允许为空;
(2)如果哪一项信息不满足要求,页面焦点停留在该信息处;
(3)单击“重置”按钮时,将页面各项元素信息清空。
JavaScript的浏览器对象模型
实验十二
一.实验目的
掌握JavaScript浏览器对象的层次结构;
掌握JavaScript浏览器对象的属性和方法;
二.实验内容
1、设计实现如下页面:
(1)单击“修改年龄”按钮,弹出一个对话框:
(2)单击“确定”按钮,将文本框内的年龄信息改为用户重新输入的信息;
(3)单击“取消”按钮提示用户“您按了’取消’按钮”。
2、设计实现如下页面:
(1)输入学生信息后,单击“提交”按钮,页面呈现方式如下:
(2)单击“复位”按钮,页面呈现方式如下:
实验十三
一.实验目的
掌握JavaScript浏览器对象的层次结构;
掌握JavaScript浏览器对象的属性和方法;
二.实验内容
设计一个含有一个表单的页面,并且在表单上放入一个文本框。编写程序,当鼠标在页面上移动时,鼠标的坐标将显示在这个文本框中。
ex070303.htm
1.在窗体中有两个多选列表,用户可以从左侧列表中选择任意项,添加到右侧列表中。反之亦然。
ch4_07.htm
实验十四
一.实验目的:掌握表单的应用
二.实验内容
设计一个有3个超链接的页面,单击这些链接时分别打开和关闭窗口以及关闭本身窗口。
S08_01.HTM
var newwin;
function opennewwin()
{
newwin=open("https://www.wendangku.net/doc/cf16160553.html,","myWindow",
"height=100,width=400,top=10,left=0,toolbar=no,menubar=no," +
"scrollbars=no,resizable=no,location=no,status=no");
}
function closenewwin()
{
newwin.close();
}
2.设计一个表单,该表单有姓名和某种卡号两个文本输入框,其中这种卡号的格式为“XXXX-XXXX-XXXX-XXXX”(每个X代表一个数字),要求用户单击提交按钮之前验证这两个输入数据的有效性。
S08_11.HTM
function validate()
{
if(!checkName(document.myform.myname.value)) return false;
if(!checkNum(document.myform.mynumber.value)) return false;
alert("数据完全");
return true;
}
function checkName(s)
{
var ok = (s.length>0);
if(!ok) alert("名字输入有误,请查核!")
return ok;
}
function checkNum(n)
{
var ok,i,ch;
ok = (n.charAt(4)=="-" && n.charAt(9)=="-" && n.charAt(14)=="-");
if(!ok)
{
alert("<"+n+"> 卡号输入有误,请查核!");
return false;
}
i=0;
while(i<19)
{
ch = n.charAt(i);
if (ch!="-" && (ch > "9" || ch < "0")){
alert("<"+n+"> 卡号输入有误,查核!")
return false;
}
i++;
}
return true;
}
3.设计3个按钮,当单击他们时分别使页面的背景色变成红、蓝和绿色。
S08_13.HTM
function ChangeBgColor(new_bgcolor)
{
document.bgColor=new_bgcolor;
}
实验十五
一.实验目的
掌握表单的验证
二.实验内容
表单验证
单击.html
function check()
{
var inst = "爱好:";
if(document.myform.txt1.value=="")
{
alert("请输入姓名!");
}
else
{
alert("姓名:"+document.myform.txt1.value );
if(document.myform.sex[0].checked) alert("性别:男");
else alert("性别:女");
if(document.myform.inst[0].checked) inst += "游泳";
if(document.myform.inst[1].checked) inst += ",滑冰";
if(document.myform.inst[2].checked) inst += ",散步";
if(inst=="爱好:")
alert("赶快培养一个爱好吧!");
else
alert(inst);
}
}
长江职业学院Javascript语言程序设计实验指导书 专业: 学号: 姓名: 班级: 指导老师: 软件教研室编
实验一 JavaScript基本操作 一、实验目的 熟练掌握在HTML文件中编写JavaScript程序的基本操作,及在Microsoft Internet Explorer浏览器和Netscape的Nevigator浏览器中调试JavaScript的基本操作。 二、实验内容 1、用NotePad创建一个简单的.htm文件,在Microsoft Internet Explorer浏览器中浏览效果。 2、编写第1章中的实例源文件,并在Microsoft Internet Explorer浏览器中进行测试。 3、调试一段JavaScript程序,找出其中的错误。 三、实验步骤 1、通过windows的文件管理器,在c盘下新建一个文件夹jsp_ex,用于保 存实验中的文件,如图1-1所示。 2、在windows中打开“记事本”,(也可以用其他编辑html文件的工具软 件,如Microsoft frontpage,Macromedia Dreamweaver等,编写例1-1的程序,然后将文件保存在C:\jsp_ex文件夹中。 3、用下述任意一种方法,在浏览器中显示,如图1-2。
A.在图1-1中双击“”文件名。 B.在图1-1中用鼠标右键单击“”,在打开的菜单列表中,如果有所需浏览器名就可以直接点击浏览器名。 C.现在windows中打开所需浏览器,然后按【ctrl】+【o】,在打开的对话框中找到文件。 4、再次编辑文件,将第21行中的“”改写为“”然后按第3步的操作, 得到如图1-3的效果,不能显示“上一次网页更新日期”,这时,通过浏览器的调试工具查找出出错的位置,修改后再次测试。 5、按1-2的步骤,将例1-1改写为“”和“”两个文件即通过外部javascript 文件和html文件一起完成网页的制作。 四、思考练习 1.为什么“上一次网页更新日期”在每一次打开都是同一个时间 2.请写出你在程序编写中出现的错误和改正方法,并分析。
实验项目:浏览器脚本语言及其应用 实验类型:设计 实验课时:4 实验目的:研究javascript及其应用 实验方案: 1 研究将JavaScript引入HTML页面 创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。
3 研究JavaScript名称 创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。 3 研究JavaScript值 创建一个HTML文件,容如下。在浏览器中打开该文件。分析代码。
你最喜欢的水果是?