当前位置:
文档之家› 2019年JavaScript实验实训内容
2019年JavaScript实验实训内容
2、将1~10之间的奇偶数分开,页面呈现方式如下:
3、任意输入一个年份,判断是否为闰年。
实验二函数部分
一.实验目的
掌握JavaScript的常用函数;
二.实验内容
编写一个函数,在页面上输出1~1000之间所有能同时被3,5,7整除的证书,并要求每行显示6个这样的数。
<html>
<head>
<script language=javascript>
if alert("性别:男");
else alert("性别:女");
if inst += "游泳";
if inst += ",滑冰";
if inst += ",散步";
if(inst=="爱好:")
alert("赶快培养一个爱好吧!");
else
alert(inst);
}
}
</Script>
</HEAD>
(6)“性别”、“班级”、“课程”要求验证不允许为空;
(7)“兴趣”要求设置为高3行、宽30列,最大输入长度为200,且需验证不允许为空,且只能为中文、字母、符号。
浏览器对象
1.设计一个表单,可以让用户输入姓名、年龄、职业,并编写程序对年龄进行有效检验(16<年龄<40),数据合格后提交表单。
:
<HTML>
<P><INPUT type="button" value="蓝" onClick="ChangeBgColor('blue')"></P>
<P><INPUT type="button" value="绿" onClick="ChangeBgColor('green')"></P>
</FORM>
</BODY></HTML>
<!--
function IsThatNumber(x)
{
return x%3==0 && x%5==0 && x%7==0;
}
METAMETA if">';
}
return ret;
}
Last"></P>
<P>卡号:<INPUT type="text" name="mynumber" size="20" value="0000-0000-0000-0000"></P>
JavaScript表达式和逻辑控制语句的使用
实验一
一.实验目的
掌握JavaScript的变量;
掌握JavaScript的数据类型;
掌握JavaScript的运算符;
掌握JavaScript的逻辑控制语句。
二.实验内容
1、声明一个变量str,为其赋值"Hello World!",显示该值;
改变该变量值为"Hello China!",然后再显示该值。
(1)“姓名”、“学号”要求输入本人的真实姓名与学号;
(2)“年龄”要求验证不允许为空,且只能是小于100的正整数;
(3)“出生日期”要求验证年不允许为空,且只能为4位数字;
(4)“身份证号”要求验证不允许为空,且为有效的身份证号;
(5)“家庭住址”要求验证不允许为空,且最大长度为50个字符,且需验证只能为中文、数字和字母;
for(var i={
strValue =strText =if(strText!=strInput)
{
var oOption = ("OPTION");
=strText
=strValue
oInput[j].add(oOption);
}
}
}
}
</SCRIPT>
<BODY><FORM NAME="receiveFrm">
<OPTION VALUE="7">待销</OPTION>
<OPTION VALUE="8">资料</OPTION>
</SELECT>
<TABLE BORDER=1 id="tblReceive">
<TR >
<TD STYLE="width:40px">序号</TD>
<TD NAME="FillingStatus" >整理状态</TD>
var cmd="" ;//
var aa = (cmd,1, true) ;//
}
catch(e){
alert ("目录不存在文件!");
}
</SCRIPT>
实验十五
一.实验目的
掌握表单的验证
二.实验内容
表单验证
单击.html
<HTML>
<HEAD>
<Script Language="JavaScript">
function check()
{
var inst = "爱好:";
if"")
{
alert("请输入姓名!");
}
else
{
alert("姓名:"+ );
{
strValue = oInput[j].options(i).value;
strText = oInput[j].options(i).text;
oInput[j].(i);
}
var oOption = ("OPTION");
=strInput
=strInputValue
oInput[j].add(oOption);
<SELECT NAME="selBatch" ONCHANGE="batchReceive()" STYLE="width:150">
<OPTION VALUE=""></OPTION>
<OPTION VALUE="5">归档</OPTION>
<OPTION VALUE="6">退回</OPTION>
<P><INPUT type="submit" value="发送"></P>
</FORM>
</BODY></HTML>
1.设计3个按钮,当单击他们时分别使页面的背景色变成红、蓝和绿色。
<HTML><HEAD><TITLE>使用按钮</TITLE>
<SCRIPT Language="javascript">
{
var oSourceRow = eInput[i].;
nsertRow();
for(var k = 0;k < ("mytable1").rows(0).; k++)
{
var oCell = ();
= (k).innerHTML;
}
}
}
}
function delcell()"INPUT");
for(var i = ;i >= 0;i--)Байду номын сангаас
{
if(eInput[i].checked)
{
var oSourceRow = eInput[i].;
("mytable1").deleteRow;
}
}
}
function refresh() "select");
for (j = 0;j < ; j++)
{
var strText = "";
for(var i=oInput[j].;i>=0;i--)
<a href="javascript:[0].submit();" onmouseover="return showStatus('in')" onmouseout="return showStatus('out')">提交</a>
</form>
</body>
</html>
动态表格彻底研究
1.对表格单元格的添加删除修改并对其进行移动以及拷贝等操作,是目前应用开发中常用的技术。
<BODY>
<center>
<form name="myform">
<p>请输入您的姓名:
<input type="text" name="txt1" value="">