JavaScript 基础训练一、实验目的:编写 JavaScript 代码，熟悉并掌握 JavaScript 的基本语法、控制结构及函数，掌握 JavaScript 预定义对象、浏览器对象的使用二、实验内容：在 MyEclipse 环境下编写 JavaScript 代码，调入或嵌入 HTML 页面中。三、实验要求：1。 熟悉并掌握 JavaScript 的基本语法、控制结构及函数；2。 掌握 JavaScript 预定义对象、浏览器对象的使用；3. 将 JavaScript 代码嵌入或调入 HTML 页面,并完成指定效果；4. 写出实验报告。四、实验学时:2 学时五、实验步骤：1．进入 MyEclipse 环境，新建一个 Web Project；2。 新建一个 HTML 网页，网页上有一个姓名输入框、密码输入框、性别单选按钮组和一个提交按钮，要求用户提交时检查姓名不能为空，密码长度在 6 到 10 位之间，性别项不能为空,假如不符合标准则不允许提交，并提示相应错误信息；3。在完成 P92 第 5 题的基础上实现计算功能【第 3 题注释：】parseFloat(）函数将字符串转变成浮点数 客户端表单简单验证〈/title〉 〈script language=”javascript"〉function checkForm（)｛var username = document。myForm。userName。value；if（username=="”）{alert(”用户名不能为空!") //调用表单元素对象的 focus 方法使得该表单元素对象重新获得输入焦点document。myForm.userName。focus（);return false；}var p=document。myForm。pwd.value； if(p==”"){ alert（”密码不能为空！”） document.myForm.pwd.focus(）； return false; ｝if(p.length<6｜｜p.length>10） ｛ alert（”密码长度不符合!长度在 6—10 之间"） document.myForm.pwd.focus（）； return false； } var xb = document.myForm.gender;var flag = false；for(var i = 0； i〈xb.length;i++）{if（xb[i］.checked）{flag = true；}｝if(！flag){alert（"请选择性别!"）；return false;｝} </script></head〉〈body〉<form action = "1。html” name="myForm” onsubmit="return checkForm()；"〉 <table>〈tr>〈td〉用户名:</td〉<td〉〈input type =”text" name=”userName”/>〈/td〉〈/tr〉<tr><td〉密 码：〈/td〉〈td〉〈input type="password” name=”pwd"/>〈/td〉</tr〉〈tr〉〈td>性 别：〈/td〉〈td〉 〈input type="radio" name=”gender" va...</div></div><div class="pre-detail-bottom"><a class="pre-detail-more" href="javascript:;" kes-height="0">查看更多 <i class="icon-lower"></i></a></div></div></div><div class="noticeidtxt"><p>1、当您付费下载文档后，您只拥有了使用权限，并不意味着购买了版权，文档只能用于自身使用，不得用于其他商业用途（如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利）。<br>2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。<br>3、如文档内容存在违规，或者侵犯商业秘密、侵犯著作权等，请点击“违规举报”。</p></div><div class="noticeidtxt"><p>碎片内容</p></div></div><div class="view-hd"><div class="container"><div class="view-hd-bd"><div class="format"><i class="file-icon icon-word"></i></div><h2>WEB实验题目及代码</h2><ul class="operate"><li><a class=" view-down-btn" href="javascript:;" onclick="down.init()" title="下载WEB实验题目及代码"><i class="iconfont icon-xiazai"></i><span>下载文档</span></a></li><li><a id="close-preview" class="btn btn-close" href="javascript:;" title="关闭预览"><i class="iconfont iconclose"></i><span>关闭预览</span></a></li></ul></div></div></div><script>var _preview_param = {
current: 1,
total:26,//总数
totalpage: 1,//总页数
pagesie:3,//每页多少
currpage:1,//当前页码
prenum:3,//预览总数
};
$(function () {
preview.init();
});
</script><div class="seo-hidden-text" aria-hidden="true"><p>JavaScript 基础训练一、实验目的:编写 JavaScript 代码，熟悉并掌握 JavaScript 的基本语法、控制结构及函数，掌握 JavaScript 预定义对象、浏览器对象的使用二、实验内容：在 MyEclipse 环境下编写 JavaScript 代码，调入或嵌入 HTML 页面中</p>
<p>三、实验要求：1</p>
<p>熟悉并掌握 JavaScript 的基本语法、控制结构及函数；2</p>
<p>掌握 JavaScript 预定义对象、浏览器对象的使用；3</p>
<p>将 JavaScript 代码嵌入或调入 HTML 页面,并完成指定效果；4</p>
<p>写出实验报告</p>
<p>四、实验学时:2 学时五、实验步骤：1．进入 MyEclipse 环境，新建一个 Web Project；2</p>
<p>新建一个 HTML 网页，网页上有一个姓名输入框、密码输入框、性别单选按钮组和一个提交按钮，要求用户提交时检查姓名不能为空，密码长度在 6 到 10 位之间，性别项不能为空,假如不符合标准则不允许提交，并提示相应错误信息；3</p>
<p>在完成 P92 第 5 题的基础上实现计算功能【第 3 题注释：】parseFloat(）函数将字符串转变成浮点数 客户端表单简单验证〈/title〉 〈script language=”javascript"〉function checkForm（)｛var username = document</p>
<p>myForm</p>
<p>userName</p>
<p>value；if（username=="”）{alert(”用户名不能为空</p>
<p>") //调用表单元素对象的 focus 方法使得该表单元素对象重新获得输入焦点document</p>
<p>myForm</p>
<p>userName</p>
<p>focus（);return false；}var p=document</p>
<p>myForm</p>
<p>value； if(p==”"){ alert（”密码不能为空</p>
<p>”） doc</p></div><div class="cat-relate bg-white"><div class="hd"><h3>您可能关注的文档</h3></div><div class="bd"><ul class="list-txt"><li><a href="https://www.xiaomilidoc.com/p-15295885.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>月度安全生产总结</a></li><li><a href="https://www.xiaomilidoc.com/p-15295884.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>生产安全培训活动总结优质4篇-安全生产总结</a></li><li><a href="https://www.xiaomilidoc.com/p-15295883.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>年度安全生产工作总结</a></li><li><a href="https://www.xiaomilidoc.com/p-15295882.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>安全生产月总结范例2021</a></li><li><a href="https://www.xiaomilidoc.com/p-15295881.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>xxxx年安全生产月活动总结-安全生产总结</a></li><li><a href="https://www.xiaomilidoc.com/p-15295880.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>20XX安全生产督查总结_安全生产督查工作总结_安全工作总结_四</a></li><li><a href="https://www.xiaomilidoc.com/p-15295879.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>015 危险废物产生单位应急预案编制指南</a></li><li><a href="https://www.xiaomilidoc.com/p-15295878.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>014 工业危险废物产生单位规范化管理指标及抽查表</a></li><li><a href="https://www.xiaomilidoc.com/p-15295877.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>013 危险废物管理计划表</a></li><li><a href="https://www.xiaomilidoc.com/p-15295876.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>012 省危险废物产生单位管理台账</a></li><li><a href="https://www.xiaomilidoc.com/p-15295875.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>011 省危险废物产生单位管理台帐统计表</a></li><li><a href="https://www.xiaomilidoc.com/p-15295874.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>010 危险废物转移联单</a></li><li><a href="https://www.xiaomilidoc.com/p-15295873.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>009 危险废物申报登记表</a></li><li><a href="https://www.xiaomilidoc.com/p-15295872.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>008 危险废物出入库交接记录</a></li><li><a href="https://www.xiaomilidoc.com/p-15295871.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>007 危险废物厂内转运记录</a></li><li><a href="https://www.xiaomilidoc.com/p-15295870.html" class="list-item" target="_blank"><i class="file-icon icon-excel margin-right-xs"></i>006 危险废物一览表</a></li><li><a href="https://www.xiaomilidoc.com/p-15295869.html" class="list-item" target="_blank"><i class="file-icon icon-word margin-right-xs"></i>004 危险废物标志牌、标签式样</a></li><li><a href="https://www.xiaomilidoc.com/p-15295868.html" class="list-item" target="_blank"><i class="file-icon icon-ppt margin-right-xs"></i>003 危险废物管理及应急培训</a></li><li><a href="https://www.xiaomilidoc.com/p-15295867.html" class="list-item" target="_blank"><i class="file-icon icon-ppt margin-right-xs"></i>002 危险废物规范化管理</a></li><li><a href="https://www.xiaomilidoc.com/p-15295866.html" class="list-item" target="_blank"><i class="file-icon icon-ppt margin-right-xs"></i>002 危险废物管理知识</a></li></ul></div></div><div id="comment-container" class="bg-white margin-top-sm"><a href="#" id="comments"></a><div class="comment-user-login">您需要登录后才可以发表评论， <a href="javascript:;" onclick="openLogin();">登录 / 注册</a></div></div><script type="text/javascript">var comment_page_total = 0,pagesize=10;</script><link rel="stylesheet" type="text/css" href="/assets/comment/css/comment.css?v=20260405094709"><link rel="stylesheet" href="/assets/comment/css/jquery.pagination.css?v=20260405094709" /><script src="/assets/comment/js/jquery.pagination.min.js?v=20260405094709"></script><script type="text/javascript" src="/assets/comment/js/comment.js?v=20260405094709"></script></div><div class="right-box margin-left-sm"><div class="shop-box bg-white margin-bottom-sm"><div class="publish"><div class="bd crm nocrm"><div class="info"><div class="logo"><a href="https://www.xiaomilidoc.com/u/14.html" target="_blank"><img src="https://file.xiaomilidoc.com/files/202411/02/363a8c00-3f69-4b85-890a-69e9aeecbef8.jpeg" alt="头像" onerror="this.src='/assets/images/avator.png'"></a></div><dl class="name"><dt><a href="https://www.xiaomilidoc.com/u/14.html" class="attend" target="_blank">一帆文传</a><a class="no-regard" id="regard-shop" href="javascript:;" onclick="detail.regard(this)" title="点击关注">+ 关注</a></dt><dd><div class="authen-about"><svg t="1711372422005" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="47514" width="16" height="16"><path d="M0 512a512 512 0 1 0 1024 0A512 512 0 1 0 0 512z" fill="#2878ff" p-id="47515"></path><path d="M221.337 330.02h288.497v35.385h-40.08c-26.719 2.888-31.052 23.83-13.36 62.104l102.184 226.392 88.824-199.673c26.72-56.327 2.889-85.574-71.131-88.823V330.02h226.392v35.385c-47.3 0-78.353 22.025-93.157 66.437L545.22 791.47h-66.44L310.16 436.536c-17.693-47.3-47.3-71.131-88.824-71.131V330.02z" fill="#FFFFFF" p-id="47516"></path></svg>实名认证</div><div class="authen-about"><svg t="1700461329982" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4323" width="20" height="20"><path d="M704 128a192 192 0 0 1 192 192v384a192 192 0 0 1-192 192H320a192 192 0 0 1-192-192V320a192 192 0 0 1 192-192h384zM540.224 307.584l-4.8 0.704a24 24 0 0 0-17.472 29.12l17.408 69.824-93.184 23.232-17.408-69.888a24 24 0 0 0-46.528 11.648l17.408 69.824-69.888 17.472a24 24 0 1 0 11.648 46.528l69.824-17.408 23.232 93.184-69.888 17.408a24 24 0 0 0 11.648 46.528l69.824-17.408 17.472 69.888a24 24 0 1 0 46.528-11.648l-17.408-69.824 93.184-23.232 17.408 69.888a24 24 0 1 0 46.528-11.648l-17.408-69.824 69.888-17.472a24 24 0 1 0-11.648-46.528l-69.824 17.408-23.232-93.184 69.888-17.408a24 24 0 1 0-11.648-46.528l-69.824 17.408L564.48 325.76a24 24 0 0 0-29.056-17.472z m6.72 146.24l23.232 93.12-93.12 23.232-23.232-93.12 93.12-23.232z" fill="#FF8F49" p-id="4324"></path></svg><span class="type">内容提供者</span></div></dd></dl></div><p class="intro">欢迎光临店铺，各类公文供您挑选。</p><div class="btns"><a class="btn-fav favorite-shop-btn" id="favorite-shop" href="javascript:;" onclick="detail.favorite(1)" title="收藏"><i class="iconfont icon-shoucang"></i> 收藏店铺
</a><a class="btn-space" href="https://www.xiaomilidoc.com/u/14.html" target="_blank" title="进入一帆文传的空间"><i class="iconfont icon-kongjian"></i> 进入空间</a></div></div></div></div><div class="list-box padding bg-white" id="relate-list"><div class="list-box-title"><h3>相关文档</h3></div><ul class="list-box-body clear"><li><a href="https://www.xiaomilidoc.com/p-15295440.html" title="中级《经济法》考题题目及参考答案解析"><i class="file-icon icon-word"></i>中级《经济法》考题题目及参考答案解析</a></li><li><a href="https://www.xiaomilidoc.com/p-15295298.html" title="实验报告 二苯甲醇的制备"><i class="file-icon icon-word"></i>实验报告 二苯甲醇的制备</a></li><li><a href="https://www.xiaomilidoc.com/p-15295244.html" title="农业银行笔试题目"><i class="file-icon icon-word"></i>农业银行笔试题目</a></li><li><a href="https://www.xiaomilidoc.com/p-15295235.html" title="临西实验中学教学楼、行政楼命名及标语设计建议提纲"><i class="file-icon icon-word"></i>临西实验中学教学楼、行政楼命名及标语设计建议提纲</a></li><li><a href="https://www.xiaomilidoc.com/p-15294780.html" title="计算机有代码有程序基于android卡卢琳电影购票系统分析研究 计算机科学与技术专业"><i class="file-icon icon-word"></i>计算机有代码有程序基于android卡卢琳电影购票系统分析研究 计算机科学与技术专业</a></li><li><a href="https://www.xiaomilidoc.com/p-15294535.html" title="基于规则的web评论倾向性分析研究 计算机科学与技术专业"><i class="file-icon icon-word"></i>基于规则的web评论倾向性分析研究 计算机科学与技术专业</a></li></ul></div><div class="list-box padding bg-white margin-top-sm"><div class="list-box-title"><h3>热门下载</h3></div><ul class="list-box-body clear"><li><a href="https://www.xiaomilidoc.com/p-2167620.html" title="(完整版)二十四山年月日时吉凶定局详解,"><i class="file-icon icon-pdf"></i>(完整版)二十四山年月日时吉凶定局详解,</a></li><li><a href="https://www.xiaomilidoc.com/p-14759015.html" title="电子标书-技术标3、质量管理体系与措施"><i class="file-icon icon-word"></i>电子标书-技术标3、质量管理体系与措施</a></li><li><a href="https://www.xiaomilidoc.com/p-1189931.html" title="市拟任科级领导职务政治理论水平任职资格考试题库"><i class="file-icon icon-word"></i>市拟任科级领导职务政治理论水平任职资格考试题库</a></li><li><a href="https://www.xiaomilidoc.com/p-965680.html" title="初中物理竞赛题和答案"><i class="file-icon icon-word"></i>初中物理竞赛题和答案</a></li><li><a href="https://www.xiaomilidoc.com/p-5055561.html" title="【10套试卷】杭州绿城育华学校小升初模拟考试数学试题含答案(1)"><i class="file-icon icon-pdf"></i>【10套试卷】杭州绿城育华学校小升初模拟考试数学试题含答案(1)</a></li><li><a href="https://www.xiaomilidoc.com/p-1072958.html" title="加行教材(大圆满前行引导文)前行广释全部思考题及解答(仅供参考)(DOC)"><i class="file-icon icon-word"></i>加行教材(大圆满前行引导文)前行广释全部思考题及解答(仅供参考)(DOC)</a></li><li><a href="https://www.xiaomilidoc.com/p-15179345.html" title="勘察项目服务计划方案"><i class="file-icon icon-word"></i>勘察项目服务计划方案</a></li><li><a href="https://www.xiaomilidoc.com/p-33485.html" title="解读伍尔夫小说《海浪》的音乐之声"><i class="file-icon icon-word"></i>解读伍尔夫小说《海浪》的音乐之声</a></li><li><a href="https://www.xiaomilidoc.com/p-10991772.html" title="最新苏教版六年级数学上册测试卷及答案()"><i class="file-icon icon-pdf"></i>最新苏教版六年级数学上册测试卷及答案()</a></li><li><a href="https://www.xiaomilidoc.com/p-6817016.html" title="小成图股票彩票预测法2汇编"><i class="file-icon icon-word"></i>小成图股票彩票预测法2汇编</a></li></ul></div><div class="list-box bg-white margin-top-sm"><div class="list-box-title"><h3>相关标签</h3></div><div class="tag-hot clearfix"><a href="https://www.xiaomilidoc.com/doc/tag-60.html" class="tag" title="实验"># 实验</a><a href="https://www.xiaomilidoc.com/doc/tag-1026.html" class="tag" title="题目"># 题目</a><a href="https://www.xiaomilidoc.com/doc/tag-7555.html" class="tag" title="Web"># Web</a><a href="https://www.xiaomilidoc.com/doc/tag-15419.html" class="tag" title="代码"># 代码</a></div></div></div></div></div><script src="/assets/wenku/js/wenku.js?v=20260405094709" type="text/javascript"></script><script type="text/javascript">
var base = {
contentid: 14822395,
title:'WEB实验题目及代码',
catid: 4,
shopid: 14,
userid:100041,
url:{
down: 'https://www.xiaomilidoc.com/wenku/down/init.html',
vip: 'https://www.xiaomilidoc.com/vip.html',
fav: 'https://www.xiaomilidoc.com/api/index/favorite.html',
regard:'https://www.xiaomilidoc.com/api/index/follow.html',
like: 'https://www.xiaomilidoc.com/wenku/index/dolikes.html',
report: 'https://www.xiaomilidoc.com/wenku/index/report.html',
recharge: 'https://www.xiaomilidoc.com/member/index/recharge.html',
info:'https://www.xiaomilidoc.com/wenku/index/info.html',
downfile: 'https://www.xiaomilidoc.com/wenku/down/downfile.html',
share: 'https://www.xiaomilidoc.com/wenku/index/share.html',
applyagent: 'https://www.xiaomilidoc.com/agent/index/main.html',
poster:'https://www.xiaomilidoc.com/wenku/index/poster.html',
}
};
$(function() {
detail.init();
});
</script><div class="ui-cover"></div><div class="ui-modal animated"><div class="ui-modal-content"><i class="iconfont iconclose close-modal"></i><div class="ui-modal-top"></div><div class="ui-modal-body"></div></div></div><div class="ui-dialog animated"><div class="ui-dialog-content"><div class="ui-dialog-body">确认删除?</div><div class="ui-dialog-footer"><span class="ui-btn ui-btn-default ui-btn-sf">取消</span><span class="ui-btn ui-btn-primary ui-btn-sf">确定</span></div></div></div><div class="ui-tip animated"><div class="ui-tip-content"></div></div><footer><div class="container footer flex-between"><div class="footer-left"><div class="field-item"><a href="/about.html" title="关于我们" >关于我们</a><a href="/statement.html" title="隐私协议" >隐私协议</a><a href="/contactus.html" title="联系我们" >联系我们</a><a href="/agreement.html" title="用户协议" >用户协议</a><a href="/disclaimer.html" title="免责声明" >免责声明</a><a href="/advertisement.html" title="广告投放" >广告投放</a><a href="/partnership.html" title="市场合作" >市场合作</a><a href="/sitemaps.xml" title="网站地图" target="_blank">网站地图</a></div><div class="margin-top-lg"><span class="margin-right-xs">若发现您的权益受到侵害，请立即联系客服，我们会尽快为您处理</span></div><div class="margin-top-sm"><span class="margin-right-xs">客服电话 5 * 9小时</span><span class="margin-right">客服电话:010-80743701</span><span class="margin-right">客服QQ:448216</span><span>客服邮箱:help@xiaomilidoc.cn</span></div></div><div class="footer-right fr"></div></div><div class="footer-bottom"><div class="container flex-between"><div>北京笑辰兮网络科技有限公司</div><div class="field-item"><a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/">京ICP备2024082802号-1</a><a target="_blank" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11011402054326" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;margin-left:10px"><img src="/assets/images/gongan.png" style="float:left;"/>京公网安备11011402054326号</a> 电信增值业务许可:京B2-20243735
</div></div></div></footer><script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?b6f39d526dbc18984ab95924cfeacba6";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script><link rel="stylesheet" type="text/css" href="/assets/kefu/css/iconfont.css?v=20260405094709"><link rel="stylesheet" type="text/css" href="/assets/kefu/css/serv-kefu.css?v=20260405094709"><div id="jiuniao-kefu" class="jiuniao-kefu-right-bottom"><div class="jiuniao-icon-item"><a href="/vip.html" target="_blank" class="jiuniao-icon-link"><img border="0" src="https://file.xiaomilidoc.com/files/202501/14/92e51a2d-2a72-44a8-9cd6-14aaf9cefa7a.png" height="30" width="30"><span class="jiuniao-icon-title">VIP</span></a></div><div class="jiuniao-icon-item"><a href="javascript:;" class="kefu kefu-qrcode jiuniao-icon-link"><span class="jiuniao-icon-title">微信客服</span></a><div class="jiuniao-serv-box"><ul><li><img width="100%" src="https://file.xiaomilidoc.com/files/202410/14/3a933802-705c-42eb-a009-96c7f3892955.png"><span class="jiuniao-serv-title">扫码咨询</span></li></ul></div></div><div class="jiuniao-icon-item"><a href="javascript:;" class="kefu kefu-qun jiuniao-icon-link"><span class="jiuniao-icon-title">会员Q群</span></a><div class="jiuniao-serv-box"><ul><li><span class="jiuniao-serv-title">会员专属群</span><a target="_blank" href="https://qm.qq.com/q/A32Rg1oMJa"><img border="0" src="/assets/kefu/images/group.png" alt="点击这里加入QQ群" title="点击这里加入QQ群"></a></li></ul></div></div><div class="jiuniao-icon-item"><a href="javascript:;" class="kefu kefu-email jiuniao-icon-link"><span class="jiuniao-icon-title">客服邮箱</span></a><div class="jiuniao-serv-box"><ul><li><span class="jiuniao-serv-title">客服邮箱</span><a href="mailto:help@xiaomilidoc.cn">help@xiaomilidoc.cn</a></li></ul></div></div><div class="jiuniao-icon-item jiuniao-backtop" id="jiuniao_backtop"><a href="javascript:;" class="kefu kefu-top jiuniao-icon-link"><span class="jiuniao-icon-title">回到顶部</span></a></div></div><script type="text/javascript" src="/assets/desk/desk-install.js?v=20260405094709"></script></body></html>
