实验1-网络与JavaScript基础_第1页
实验1-网络与JavaScript基础_第2页
实验1-网络与JavaScript基础_第3页
实验1-网络与JavaScript基础_第4页
实验1-网络与JavaScript基础_第5页
已阅读5页，还剩4页未读， 继续免费阅读

付费下载

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

实验报告封面课程名称：jQuery应用编程课程代码：JY1112任课老师：潘正军实验指导老师:潘正军实验报告名称：实验1网络与JavaScript基础学生姓名：马增群学号：1340112124教学班：2013级精英班递交日期：2014-2-25签收人：我申明，本报告内的实验已按要求完成，报告完全是由我个人完成，并没有抄袭行为。我已经保留了这份实验报告的副本。申明人(签名):马增群实验报告评语与评分：评阅老师签名：实验题目实验1网络与JavaScript基础实验地点及组别U2061人/组实验时间2014-2-25实验目的认识HTML网页了解JavaScript的发展史学会用JavaScript实现网页的简单交互掌握不同浏览器下JavaScript的开发实验要求完成以下实验内容：编写一个简单的HTML页面，内容可自定义。（参考范例1-1、范例1-2、范例1-3）实现一个简单的表单验证页面。（参考范例1-4）实现网页的文字特效、鼠标特效、图片特效、页面特效、时间特效、状态特效、导航特效，可把多种特效集中于一个页面。（可参考教材实例1-5.html、1-6、1-7、1-8、1-9、1-10、1-11.html）。编写一个JavaScript来控制页面元素或者样式可见性的例子。(参考教材实例1-12.html）编写一个页面，要求综合应用JavaScript的不同使用方式。（参考范例1-5、1-6、1-7）编写一个页面，要求使用JavaScript进行事件驱动。（参考范例1-8）注：以上内容实验内容可以根据教材知识点进行自由发挥，不要一味照搬课本范例来做，范例仅作相关知识点运用的参考。二、实验环境（本实验的硬件和软件环境及使用仪器等）硬件：PC电脑一台；配置：内存，2G及以上硬盘250G及以上Editplus编辑器或者Dreamweaver（DW）三、实验实现过程注：实现过程的关键代码，注重实现思路Lab1:<bodybackground="Dock.jpg"text="#0000ff"leftmargin="10"><h1><b>第一章<b></h1><br><h2>一个简单的html页面例子</h2><br><hrcolor="red"><p>单击下面的链接，就可以进入163的主页</p><br><ahref="">进入网易163</a><br><i>斜体字</i><br><u>下划线</u><br><b>加粗字</b><br><br>图片显示:<br><imgsrc="齐云山.jpg"width="110"></body>Lab2:<scriptlanguage="JavaScript"><!--functionisNumber(oNum){if(!oNum){returnfalse;}varstrP=/^\d+(\.\d+)?$/;if(!strP.test(oNum)){returnfalse;}try{if(parseFloat(oNum)!=oNum){returnfalse;}}catch(ex){returnfalse;}returntrue;}functioncheForm(){varmyname=document.myform.myname.value;if(myname==""){alert("姓名不允许为空");returnfalse;}varmyage=document.myform.myage.value;if(!isNumber(myage)){alert("年龄必须为阿拉伯数字:");returnfalse;}varmypassword1=document.myform.mypassword1.value;varmypassword=document.myform.mypassword.value;if(mypassword.length!=6){alert("密码必须为6位!");returnfalse;}if(mypassword1!=mypassword){alert("2次密码不一致");returnfalse;}}//--></script>Lab3:<head><scriptsrc="1-5.js"></script><scriptlanguage="JavaScript1.2">functionf1(){setInterval("mdiv.filters.wave.phase+=10",100);}window.onload=f1</script></head><bodybgcolor="#0979c4"link="#000080"vlink="#000080"alink="#000080"><divid="i1"class="intro"><palign="center"><imgid="mdiv"src="winter.jpg"width="300"style="filter:wave(strength=2,freq=1,phase=0,lightstrength=20)blur()"width="320"height="214"></p></body>Lab4:<scriptlanguage="JavaScript"><!--functioncheckType(f){vardiv0=document.getElementById("div0");vardiv1=document.getElementById("div1");vardiv2=document.getElementById("div2");if(f==1){div0.style.display="none";div1.style.display="block";div2.style.display="none";}else{div0.style.display="none";div1.style.display="none";div2.style.display="block";}}//-></script>Lab5:<scriptsrc="alert.js"src="1-7.html"></script>Lab6:<body><inputname="txt"type="text"onfocus="alert('请在此输入姓名!')"><br><inputname="sub"type="button"value="确定"onclick="alert('你单机了按钮')"></body>本实验主要运用JavaScript编写外部样式，再应用与<body>中，可以，将编写的.js代码应用通过<scriptsrc=”...”>应用四、实验结果、分析、总结实验结果如下（可截图）：Lab1:Lab2:

人人文库> 全部分类> 应用文书 > 作业报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论