太原理工大学web程序设计基础实验报告2016Word文件下载.doc
- 文档编号:13090177
- 上传时间:2022-10-04
- 格式:DOC
- 页数:23
- 大小:738.50KB
太原理工大学web程序设计基础实验报告2016Word文件下载.doc
《太原理工大学web程序设计基础实验报告2016Word文件下载.doc》由会员分享,可在线阅读,更多相关《太原理工大学web程序设计基础实验报告2016Word文件下载.doc(23页珍藏版)》请在冰豆网上搜索。
doctypehtml>
htmllang="
en"
>
<
head>
<
metacharset="
UTF-8"
title>
Example<
/title>
/head>
bodybgcolor="
#00DDFF"
h1>
B>
I>
FONTCOLOR="
#FF00FF"
MARQUEEBGCOLOR="
#FFFF00"
direction=leftbehavior=alternate>
welcometoyou<
/MARQUEE>
/FONT>
/I>
/B>
/h1>
hr>
h2align=center>
#0000FF"
AsimpleHTMLdocument<
/h2>
EM>
WelcometotheworldofHtml<
/EM>
p>
ThisisasimpleHTMLdocument.ItistogiveyouanoutlineofhowtowriteHTMLfile andhowthe<
b>
markuptags<
/b>
workinthe<
HTML<
file<
/p>
Followingisthreechapters
ul>
li>
Thisisthechapterone<
/li>
AHREF="
#item"
Thisisthechaptertwo<
/A>
Thisisthechapterthree<
/ul>
ANAME="
item"
Followingisitemsofthechaptertwo<
tableborder=2bgcolor=graywidth="
40%"
tr>
th>
item<
/th>
content<
/tr>
td>
item1<
/td>
font<
item2<
table<
item3<
form<
/table>
1<
2<
3<
4<
5<
6<
7<
FONTCOLOR=BLUESIZE=4>
Endoftheexampledocument<
/body>
/html>
(2)实验结果
2.编写一个能输出如图所示界面的HTML文件。
(1)程序代码
DOCTYPEhtml>
<
表单范例<
style>
h1{
text-align:
center;
}
/style>
body>
formaction="
#"
tableborder="
0"
align="
center"
<
tdcolspan="
2"
<
u>
请留下个人资料<
/u>
&
nbsp姓&
nbsp名:
td>
inputtype="
text"
name="
username"
br>
nbspE-mail:
email"
nbsp电&
nbsp话:
phone"
nbsp性&
nbsp别:
radio"
gender"
value="
女"
checked="
checked"
女<
男"
男<
nbsp年&
nbsp龄:
selectname="
age"
<
optionvalue="
1"
20以下<
/option>
/select>
nbsp留言板:
textareaname="
mark"
cols="
30"
rows="
5"
/textarea>
tdrowspan="
4"
您的爱好:
inputname="
hobby"
type="
checkbox"
"
/>
运动<
阅读<
听音乐<
旅游<
br/>
tralign="
<
button"
提交"
reset"
全部重写"
/form>
(2)实验结果:
四、实验心得:
刚开始编写的时候只是编写了要求的form,但是不如给出的表单那样整齐,后来尝试用了表格,将表格的border属性改为0,再适当加空格&
nbsp才完成了如图所示的表单
实验二网页程序设计-JavaScript
1.掌握JavaScript技术,基本掌握JavaScript的开发技巧;
2.利用文本编辑器建立JavaScript脚本语言进行简单编程。
二、实验要求:
1.根据以下实验内容书写实验准备报告。
2.独立完成实验。
1.显示一个动态的时钟
编写程序,在文本框中显示实时的时间,然后运行文件,验证程序是否正确。
(1)程序代码
html>
scriptlanguage="
javascript"
vartimer=null
functionstop(){
clearTimeout(timer)}
functionstart(){
vartime=newDate()
varhours=time.getHours()
varminutes=time.getMinutes()
minutes=((minutes<
10)?
:
)+minutes
varseconds=time.getSeconds()
seconds=((seconds<
)+seconds
varclock=hours+"
+minutes+"
+seconds
document.forms[0].display.value=clock
timer=setTimeout("
start()"
1000)}
/script>
bodyonLoad="
onUnload="
stop()"
form>
现在是北京时间:
display"
size="
20"
(2)实验结果
2.事件驱动和事件处理
在文本编辑器“记事本”中输入如下代码程序,请仔细阅读下列程序语句,理解每条语句的作用。
源程序清单如下:
script>
x=0
functioncountSecond()
{
if(x<
6)
{
x=x+1;
document.fm.displayBox.value=x;
setTimeout("
countSecond()"
1000);
}
formname=fm>
displayBox"
size=4>
countSecond()
分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确。
3.JavaScript表单校验
编写程序register.htm,做一个如下图所示的用户注册界面,要求对用户填写的部分进行合法性检验。
用户登录<
scripttype="
text/javascript"
functionsub(){
varusername=document.getElementById("
use
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 太原 理工大学 web 程序设计 基础 实验 报告 2016
![提示](https://static.bdocx.com/images/bang_tan.gif)