JavaScript设计报告
JavaScript设计报告
姓名：汪梦萍
学号：201062636
班级：网络技术专61001班
一、设计目的
1.掌握并练习JavaScript的基本语句
2.练习选择结构语句
3.练习标题栏、状态栏的使用
4.深刻理解有关函数中变量的作用域和各类控制语句的功能；
5.理解和灵活运用JavaScript中常用的几个对象及浏览器对
6.检验课堂引导和课后自学HTML与JavaScript两大知识板块的效果，掌握静态HTML网
页的制作；学会使用表单控件和表格元素。
二、设计要求：
1.每人一组，先配置好教材上第1至第6章的范例程序，然后设计自己的的网页。尽可能
做到界面美观、使用方便。注意使用框架网页等项技术。实验的多项结果要方便教师验收。
2.在页面的状态栏上显示一些基本的功能，至少要有三个基本页面。
三、设计内容及步骤
1) 在教师略讲/跳讲教材第2至第6章的情况下，实验前自学这些章节，下载教材上的例子，配置，运行，体会结果，按照自己的意图反复修改和运行。
2) 编写学生个人主页，实验一些基本语言
3) 编写能够检验用户输入信息合法性的JavaScript程序，嵌入到上述网页。
4) 编写脚本，打开网页时用警示对话框显示“欢迎来到我的主页！”。
四、设计代码
1.Index主页的代码
"https://www.wendangku.net/doc/7a5590191.html,/TR/html4/loose.dtd">
 | ||||
写给自己
那些流逝的年华 从此不在沉沦
你心中的城府 如何蹉跎了我的岁月
对你素颜的怀恋 默默的在心中浅唱吧 |
| |||
| ||||
版权所有长大工院信息系汪梦萍 2012.5.21最后更新 | ||||
2.效果图
3.美好回忆的代码
"https://www.wendangku.net/doc/7a5590191.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4.效果图
5.Grzl的代码
"https://www.wendangku.net/doc/7a5590191.html,/TR/html4/loose.dtd">
| |
沉着冷静、谦虚自律、吃苦耐劳、执着上进、用于奉献、自信、责任心、是我人生最宝贵的财富。 1、喜欢用计算机去探索欣赏最新最好的东西。 2、喜欢摄影旅游、摄影作品受到好评 | 我的资料 我的名字：汪梦萍(很淑女的名字) 英文名：dream 呢称：小汪，汪姐，汪仔……（超级多） 性别：女（0.0！） 出生年月：1991年7月25日（标准90后） 家乡：湖北洪湖（鱼米之乡，嘻嘻） 身高：160cm（标准身高） 体重：49kg（标准体重） 外貌：丢在人群里就找不到了（o(>﹏<)o不要啊） 性格：有主见，乐观 人生格言：摔倒了爬起来在哭 星座：狮子座（很强势，有很强的领导能力） 偶像：没有，我觉得他们都太遥远了 最敬爱的人：亲人 喜欢的电视剧：搞笑型、煽情片 喜欢的颜色：白色 喜欢做的事：睡觉、看小说、逛街 最喜欢的饮品：原味奶茶 最想去的地方：云南昆明 最大的优点：好多的 最大的缺点：说话太直 最大的心愿：不辜负父母的期待 讨厌的东西：蛇 讨厌的是：别人对我指指点点 |
版权所有长大工院信息系汪梦萍 2012.5.21最后更新 | |
6.效果图
7.Ywlx的代码
"https://www.wendangku.net/doc/7a5590191.html,/TR/html4/loose.dtd">
| |
手机：150******** QQ：649880511 腾讯空间：https://www.wendangku.net/doc/7a5590191.html,/649880511 腾讯微博：https://www.wendangku.net/doc/7a5590191.html,/wangmengping 新浪微博:https://www.wendangku.net/doc/7a5590191.html,/1343006372 百度空间：https://www.wendangku.net/doc/7a5590191.html,/wangmengping/i home/square | |
版权所有长大工院信息系汪梦萍 2012.5.21最后更新 | |
8.效果图
五、设计总结
●document.getElementById方法只能获取到一个对象，即使有多个同名的对象，
也只取第一个具有该名称的对象，例如在一个form（名称为myform）中，有
三个id="mycheckbox"的复选框，那么使用
document.getElementById("mycheckbox")，返回的是第一个checkbox对象，而
不是返回一个数组，如果使用document.myform.mycheckbox则返回一个数组。
●使用showModalDialog打开一个页面，则在这个页面中，对于任何链接和任何
表单提交，都会在新的窗口中执行，即使你在链接或form中指定了
target="_self"也是没有用的。例如使用showModalDialog打开一个test.html，
在该页面有一段代码
如果点击该链接，那么将会在新窗口中打开test2.html，至少在ie中是这样的，那么是不是就没有办法解决了呢？不是的，我们可以通过在弹出的页面的head中加入下面的代码来解决这个问题：
●在一个页面含有某个iframe，其id="myframe" name="myframe"，此时使用
document.getElementById("myframe")取到的是iframe标签对象，通过该对象
可以获取iframe的各个属性，例如src、frameborder、style等等，但是不能
获取到iframe所包含的子页面的各个对象。
许多时候我们需要在页面加载时能够通过javascript去动态操作html中的一些对象，对于这些操作我们最好是在body中定义onload操作，然后在该操作中去完成这些任务，尽量避免在html中嵌入script执行代码，因为对于比较大的页面，当这些脚本执行的时候，页面往往还没有加载完毕，因此许多页面对象还没有被生成，此时动态去改变很可能会报异常。