web程序设计报告.docx

《web程序设计报告.docx》由会员分享，可在线阅读，更多相关《web程序设计报告.docx（10页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、web程序设计报告 Web程序设计 实验报告 院别计算机与通信工程学院专业计算机科学与技术 班级学号 姓名 成绩 2022 年12 月27 1 熟悉环境和css的使用 完成三个html页面，三个页面之间可以通过链接互相访问，自由的设置其中的控件，使用一个css表单来美化这三个页面。 index.html index.html Sunset link 1 link 2 1.html 1.html This is my HTML page1. 2.html 2.html This is my HTML page2. Mycss.css CHARSET UTF-8; h1color: red; ba

2、ckground-color: gray; text-align: left; font-size: 58pt; bodycolor: blue; background-image: url(Sunset.jpg); 2 熟悉DOM的原理和使用 在刚才建立的index.html页面添加一个删除按钮，做一个基于DOM的js函数，每次点击删除按钮就会将刚才生成的一个控件删除。 代码: index.html var aa=0,bb=0,cc=0; function add() var type=document.getElementById(list1); if(type.selectedIndex

3、=0) var t=document.createElement(input); t.setAttribute(type,text); t.setAttribute(value,text); t.setAttribute(id,aa); aa=aa+1; var base=document.getElementById(base); base.appendChild(t); var br=document.createElement(br); base.appendChild(br); if(type.selectedIndex=1) var b=document.createElement(

4、input); b.setAttribute(type,button); b.setAttribute(value,button); b.setAttribute(id,bb); bb=bb+1; var base=document.getElementById(base); base.appendChild(b); var br=document.createElement(br); base.appendChild(br); if(type.selectedIndex=2) var c=document.createElement(input); c.setAttribute(type,C

5、heckbox); c.setAttribute(text,Checkbox); c.setAttribute(id,cc); cc=cc+1; var base=document.getElementById(base); base.appendChild(c); var br=document.createElement(br); base.appendChild(br); function del() var type=document.getElementById(list1); if(type.selectedIndex=0) var t=document.getElementByI

6、d(aa-1); var base=document.getElementById(base); base.removeChild(t); aa=aa-1; if(type.selectedIndex=1) /alert(bb); var m=document.getElementById(bb-1); var base=document.getElementById(base); base.removeChild(m); bb=bb-1; if(type.selectedIndex=2) var n=document.getElementById(cc-1); var base=document.getElementById(base); base.removeChild(n); cc=cc-1; TextArea Button checkbox 截图： 3 学习使用servlet 将一个字符串使用doGet方法提交给Servlet，Servlet统计其中每个字母出现的次数，然后打印在页面上 代码： My JSP index.jsp starting page This is my JSP page. 4 使用servlet和JDBC访问数据库 制作一个页面，通过向数据库中添加、查找来实现用户注册，登录功能。