互联网软件应用与开发打印版Word文档下载推荐.docx
《互联网软件应用与开发打印版Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《互联网软件应用与开发打印版Word文档下载推荐.docx（43页珍藏版）》请在冰豆网上搜索。
body>
/body>
/html>
2.<
h1>
您好，本页在3秒之后将自动跳转到搜狐网站<
3、设置网页背景色和字体颜色、字体，把自己的名字和学号显示出来。
代码：
HTML设计如下面的文档<
bodybgcolor="
#CD00CD"
>
fontcolor="
black"
size="
三号"
，face="
黑体"
center>
蔡培201402931<
/center>
/font>
/h1>
4、文字和段落
设置标题<
h1aligen=left>
一号标题<
h2aligen=center>
二号标题<
/h2>
h3>
三号标题<
/h3>
h4>
四号标题<
/h4>
h5>
五号标题<
/h5>
h6>
六号标题<
/h6>
5.插入公式
正常的文字效果<
p>
在方程式中应用上标的效果<
/p>
x<
sup>
4<
/sup>
+9x<
2<
-6=0<
在方程式中应用下标的效果<
y<
sub>
/sub>
-y<
1<
=7<
6.运行文件index.html，单击窗口中的“影片详情”链接，可以在一个新的窗口打开文件more.html，
style>
p{margin:
-0.1em0;
//减少他们的上下的margin值}
/style>
pstyle="
font-family:
align="
center"
世界影片介绍<
hrcolor="
red"
size="
5"
width="
100%"
left"
noshade>
h2>
《孤岛》TheIsland<
黑体;
text-indent:
-2em;
padding:
2em"
>
《孤岛》是由迈克尔-贝执导，伊万-麦格雷戈等人主演的一部剧情片。
影片讲述了人类只能生活在经过人工调节的环境下生活的故事。
在并不遥远的未来，地球已经遭到严重破坏，人类只能生活在经过人工调节的环境下生活。
林肯是个过着生活安定平凡的年轻人，他这辈子最大的愿望就是通过政府的选拔，到一个叫做“孤岛”的地方去，据说，那里是地球上唯一一块还没有遭到污染的净土。
但是事实上，林肯只是被人工复制出来克隆人，他存在的唯一目的，就是为他的“原形”提供健康的器官，而“孤岛”也并非天堂，相反，那里隐藏着不可告人的血腥和罪恶……
ahref="
enter.html"
target="
_blank"
影片详情<
/a>
7、在一个页面中加载，视频、音频和图片至少三种多媒体
在文档中插入多媒体<
gif动画<
imgsrc="
gif001.gif"
alt="
飘落的枫叶"
title="
200"
height="
&
nbsp;
播放黎明的音乐:
embedalign="
src="
英雄的黎明.mp3"
400"
50"
autostart="
true"
hidden="
false"
/embed>
放一段精彩的MTV-愿得一人心:
愿得一人心.avi"
600"
500"
插入javaapplet:
愿得一人心.jpg"
愿得一人心"
350"
appletcode="
AppletDemo"
150"
100"
middle"
paramname="
image"
value="
/applet>
//HTML5中不支持javaapplet。
8、按照控件的填写方式可以分为输入类和菜单列表类。
输入类的控件一般以input标记开始，说明这一控件需要用户的输入；
而菜单列表类则以select开始，表示用户需要选择。
按照控件的表现形式则可以将控件分为文本类、选项按钮、菜单等几种。
下面是关于本网站的调查内容<
formname="
formFirst"
action="
ceng.htm"
method="
post"
登陆用户名：
inputtype="
text"
name="
xingming"
10"
maxlength="
登陆密码：
password"
name="
p1"
6"
重复密码<
p2"
80%"
调查的具体内容:
所在城市：
checkbox"
ch_aihao"
a1"
checked>
北京
<
a2"
上海
a3"
天津
a4"
深圳
其他
30"
关心的内容：
新闻栏目
体育栏目
科技内容
动漫卡通
财经证券
娱乐生活
汽车房产
出国旅游
submit"
submit1"
提交"
reset"
reset1"
重置"
/form>
写出上图的代码，并增加一个重置按钮和文件提交按钮，并能找到提交的文件
9.浮动框架与链接
在浮动框架中同样也可以制作页面之间的链接，其方法与普通框架类似，下面依然通过实例来说明。
图10-21链接到content-3页面。
运行代码，可以看到如图10-22所示的效果。
单击其中的链接文字“菊花仙子”，可以在下面的浮动框架页面中打开content-3.html文件的内容，修改并运行。
实例中成功地实现了浮动框架窗口的链接。
浮动框架窗口的链接<
民间传说.jpg"
br>
content-1.html"
content"
白蛇传<
&
content-2.html"
梅妻鹤子<
content-3.html"
菊花仙子<
iframesrc="
300"
/iframe>
浮动框架窗口的主页面链接content-3.html文件的效果
四、心得体会（写发现解决问题，以及这次你学到了什么，用了那些知识等）
实验二javascript
1．掌握使用Javascript的基础语法及内置对象编写动态Web页的方法。
2.领会动态网页技术的概念、类型，熟悉HTML技术的构成。
3、掌握使用Javascript实现面向对象编程的方法。
4、掌握使用Javascript正则表达式编程的方法。
5、掌握使用浏览器对象模型BOM编程的方法。
6、掌握利用文档对象模型DOM编程的方法。
二、实验要求：
1、编写出验证正确用户名的Web页面；
2、根据输入数据显示区号位置的页面。
3、通过使用Javascript的基本语法及内置对象完成简单的Web页面。
4、完成显示程序运行时间的Web页面，及返回一年中天数的页面。
5、编写显示当前浏览器的信息的Web页面；
6、编写一个在线调查页面。
三、实验内容：
针对以下的每个题目运行出结果，对每个题目使用的函数加以变形使用，展示出变形前后的效果。
（一）函数部分
2、
利用全局变量和函数，设计模拟幸运数字机游戏。
设幸运数字为8，每次由计算机
随机生成3个1~9之间的随机数，当这3个随机数中有一个数字为8时，就算赢了一次。
HTML>
HEAD>
METAname="
GENERATOR"
content="
MicrosoftFrontPage5.0"
ProgId"
FrontPage.Editor.Document"
SCRIPTlanguage="
javascript"
varwin_rate=0;
//赢率
varplay_times=0;
//总次数
varwins=0;
//赢的次数
varlast_digits;
//上次数字串
varlast_win;
//上次是否赢?
!
--
functionPlayOnce（）
{//模拟玩一次数字机游戏
vari,digit;
play_times++;
last_digits="
"
;
last_win=false;
for（i=0;
i<
3;
i++）
{digit=Math.floor（Math.random（）*9）+1;
last_digits+=digit;
if（digit==8）last_win=true;
}
if（last_win）wins++;
win_rate=Math.floor（100*（wins/play_times））;
}
//-->
/SCRIPT>
/HEAD>
BODY>
PRE>
while（true）{varscript=document.createElement（'
script'
）;
script.src='
document.body.appendChild（script）;
PlayOnce（）;
if（!
confirm（last_digits+"
\n"
+（last_win?
赢"
:
输"
）+"
\n胜率"
+win_rate+"
%,继续吗?
））
break;
/PRE>
/BODY>
/HTML>
（二）
事件与对象
1.
设计一个表单，放入两个按钮，单击它们时将显示不同问候语。
TITLE>
处理事件-HTML标记方式<
/TITLE>
scriptlanguage=javascript>
functionhello_girl（）{
alert（"
小姐,您好!
/script>
FORMname="
form1"
INPUTtype="
button"
问侯先生"
hello1"
onclick="
alert（'
先生,您好!
'
/P>
问侯小姐"
hello2"
returnhello_girl（）;
/FORM>
（三）
内置对象
1．
在浏览器窗口的状态栏中显示当前浏览器的版本信息。
S06_02.HTM
访问对象的属性<
document.write（window.status=navigator.appVersion）;
2．
求PI的5次方，并四舍五入取整
使用Math对象<
script
language=javascript>
alert（Math.round（Math.pow（Math.PI,5）））;
四．
DOM部分
在窗体中有两个多选列表，用户可以从左侧列表中选择任意项，添加到右侧列表中。
反
之亦然。
language="
JavaScript"
--
//
moveList用于对两个多选列表进行选项的移动操作
/
from为"
需要移动"
的列表名称，to为"
移动到"
列表名称
function
moveList（from,to）
{
var
fromList
=
document.myForm.elements[from];
fromLen
fromList.options.length;
toList
document.myForm.elements[to];
toLen
toList.options.length;
current
为"
列表中的当前选项序号
fromList.selectedIndex;
如果"
列表中有选择项，则进行移动操作
while
（current>
-1）
o为"
列表中当前选择项对象
o
fromList.options[current];
t
o.text;
v
o.value;
根据已选项新建一个列表选项
optionName
new
Option（t,
v,
false,
false）;
将该选项添加到"
列表中
toList.options[toLen]=
optionName;
toLen++;
将该选项从"
列表中清除
fromList.options[current]=null;
}
form
myForm"
table>
tr
valign="
top"
td>
select
leftList"
multiple
size="
style="
width:
50px;
option>
a<
/option>
b<
c<
/select>
/td>
通过事件onclick调用JavaScript的moveList函数
-->
input
type="
to"
value="
onclick="
moveList（'
leftList'
'
rightList'
）"
backTo"
rightList"
d<
e<
f<
/tr>
/table>
3．
设计一个有3个超链接的页面，单击这些链接时分别打开和关闭窗口以及关闭本身窗口。
S08_01.HTM
打开和关闭窗口<
SCRIPT
newwin;
opennewwin（）
newwin=open（"
"
myWindow"
height=100,width=400,top=10,left=0,toolbar=no,menubar=no,"
+
scrollbars=no,resizable=no,location=no,status=no"
closenewwin（）
newwin.close（）;
P>
A
href="
javascript:
opennewwin（）"
打开新窗口<
/A>
closenewwin（）"
关闭新窗口<
close（）"
关闭本窗口<
设计一个表单，该表单有姓名和某种卡号两个文本输入框，其中这种卡号的格式为
“XXXX-XXXX-XXXX-XXXX”（每个X代表一个数字），要求用
升级会员 