实验三 JavaScript基础训练
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
实验三 JavaScript基础训练
1、新建一个HTML网页，网页上有一个姓名输入框、性别输入框和一个提交按钮，要求用户提交时检查姓名不能为空且性别必须是“男”或“女”，如果不符合标准则提示错误。
<html><head>
<title>JavaScript基础训练1</title>
</head>
<script type="text/JavaScript">
<!--
function show_Info(infomation){
if(.value==" "||(infomation.sex.value!="男
"&&infomation.sex.value!="女"))
{alert("输入错误，姓名不能为空,并且性别只能为“男”或“女”！！！")
window.event.returnValue=false
}}
-->
</script>
<body>
<form id="infomation">
姓名：<input type=text name="name" size=10 maxlength=5><p>
性别：<input type=text name="sex" size=10 maxlength=2><p>
<input type="submit" onclick="show_Info(infomation)" value="提交">
</form>
</body></html>
Shiyan3_1.html在浏览器中的显示效果：
输入错误时的提示框：
2、新建一个HTML网页，实现鼠标移动时，一行文字跟随鼠标移动。
<html><head>
<title>JavaScript基础训练2</title>
<script language="JavaScript">
<!--
var x,y
var CanBool=0
function canMove()
{
x=document.body.scrollLeft+event.clientX
y=document.body.scrollTop+event.clientY
CanBool=1
}
function move()
{
if(CanBool)
{
text.style.posLeft=x+20
text.style.posTop=y
}
setTimeout('move()',100)
}
-->
</script></head>
<body onload="move()" onMouseMove="canMove()">
<font face="华文隶书" size=6 color=red>文字跟随鼠标移动效果</font>
<div id="text"
style="position:absolute;left:250px;top:118px;z-index:6;color:red"> <font face="华文行楷" size=3 color=blue>风华少帅小飞侠</font>
</div>
</body></html>
Shiyan3_1.html在浏览器中的显示效果：。