2、函数与Window对象实验报告.doc
文本预览下载声明
海南软件职业技术学院实验报告
姓名：李锟 学号： 2010020208 实验时间：
专业名称网络系统管理班级名称10系统管理301课程名称JavaScript程序设计指导教师白蕾实验名称函数与Window对象实验
目的
及
要求使用函数实现代码重用
使用window对象的open()方法制作广告窗口
使用window对象实现时钟特效
实验
内容
描述
制作时钟特效
制作弹出广告窗口的特效实验
方法
与
步骤1 编写一个带两个变量和一个运算符的四则运算函数
1.1代码
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
title参考档/title
script type=text/JavaScript
!--10系统管理301 2010020208 李锟
--
var b11=prompt(请输入第一个数,);
var b12=prompt(请输入第二个数,);
var f=prompt(请输入运算符号,);
var b1=parseInt(b11);
var b2=parseInt(b12);
var k;
function h(){
switch(f){
case *: k=b1*b2;break;
case +: k=b1+b2;break;
case -: k=b1-b2;break;
case /: k=b1/b2;break;
default:
alert(输入符号不合法,请重新输入);
}
alert(两数运算结果为：+k)
}
/script
/head
body
input type=button value=计算两数运算结果 onclick=h() /
/body
/html
1.2编辑截图
1.3调试截图
1.4效果截图
1.4.1加法效果
1.4.2减法效果
1.4.3乘法效果
1.4.4除法效果
2 程序调试
2.1调试截图
2.2效果截图
3 制作简易购物车页面
3.1 代码
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=gb231 /
title购物车页面/title
script type=text/JavaScript
!--10系统管理301 2010020208 李锟
--
window.onload=function(){
window.open(d.html,,height=380,width=320,toolbar=0,scrollbars=0,status=0,location=0,menubar=0,resizable=0)
}/*弹出窗口固定大小窗口，且无菜单栏等。。上面顺序1、无菜单栏2、无滚动条3、无地址栏4、不可调节窗口尺寸（默认状态都是显示）*/
function post(){
if(confirm(你本次购买的信息如下：\n确认以上购物信息是否有误！！！)==true){
alert(你的订单已提交！);
}
else{
alert(欢迎下次光临！！);
}
} /*打开确定信息窗口*/
function open_wd_d(){
window.open(d.html,,fullscreen=1)
} /*全屏显示*/
/script
/head
body
form action= method=post
table width=754 height=142 border=1 align=center cellpadding=0 cellspacing=0 bordercolor=#00FF00
tr
th colspan=5 scope=col简易购物车 /th
/tr
tr
td width=120 height=43div align=center商品名称/div/td
td width=182
显示全部