JavaScript上机练习Word格式文档下载.docx

1、 var height = 6; / 使用循环输出数字金字塔 for（var i=1; i=1; j-） document.write（&）; for（var j=1; j /script/headbody/body/html2：打印三角形嵌套for循环语句if条件语句的使用编写JavaScript脚本实现输出图1.2.2和图1.2.3的图形。图1.2.2输入数字为6的时候只需打印出倒三角形图1.2.3输入数字为5的时候需要打印出倒三角形和正三角形具体的要求如下：指定一个变量并赋值。当输入的数字大于5的时候，输出图1.2.2所示的倒三角形，三角形的层数等于输入的数字值；当输入的数字小于或等于5

2、的时候，输出图1.2.3所示的倒三角形和正三角形，倒三角形和正三角形的层数均等于输入的数字值。（1）指定一个变量并赋值。（2）输出倒三角形。（3）判断层数要求，当数字小于等于5的时候，再次输出正三角形，否那么不再输出。 / 输入打印三角形的层数 / 当height大于5的时候，输出倒三角形 / var height = 6; / 当height小于或者等于5的时候，输出倒三角形接着一个正三角形 var height = 5; / height为任何数都会打印出倒三角形 for（var i=0;height; for（var j=0;i; height - i;*& / 当height=5的时候

3、，再接着倒三角形的下端打印出正三角形 if（height = 5） for（var i=0; for（var j=height-i-1;0; document.write（ for（var j=0;3：函数的定义与调用使用function关键字自定义函数多重if语句onload事件根据时间段显示不同的提示信息。参考的提示信息如下：上午9点至下午5点，显示：你好，请用饱满的精神开始工作！下午5点至晚上10点，显示：现在是下班后的自由时间，是继续充电呢还是娱乐一会儿？晚上10点至次日5点，显示：辛勤劳作了一天了，该休息了！次日早上6点至8点，显示：一日之计在于晨，清新的早晨来临了，早上好！系统的提

4、示信息如以下图1.2.4和图1.2.5所示。图1.2.4根据当前时间显示提示信息-1图1.2.5根据当前时间显示提示信息-2（1）使用function关键字自定义函数welcome（）。（2）定义一个变量，表示当前的时间。（3）使用多重if判断不同时间，通过alert（）输出提示信息。（4）使用window的onload事件调用welcome（）函数。window的onload事件，当网页加载时候被触发，调用其关联的函数。无标题文档=9 & time17 &23）=23 | timescript function cal（） var strPrice = document.all.price.

5、value; var price = parseFloat（strPrice）; var strQuantity = document.all.quantity.value; var quantity = parseInt（strQuantity）; var totalPrice = quantity * price; document.all.totalPrice.value = totalPrice; 简易购物车hr /table cellpadding=0 cellspacing=trth编号名称单价元数量总价tdA-01ThinkPad SL300buttoncalculatevalu

6、e=计算价格 onclick=cal（）/table5：parseInt和parseFloat的应用-2自定义函数的定义与调用扩展实训任务4中的购物车，使得一次能够购置多件物品，并计算出价格小计和总售价。效果如以下图1.2.7所示。图1.2.7扩展购物车（1）使用document.all.元素名称.value获得文本框中的单价和购置数量。（3）将转换后的商品价格和单价的乘积结果作为小计，并计算总计。（4）将计算完成的小计和总计显示在页面中的适宜位置。第二章 BOM编程open常见应用窗口开启window.open（ ）方法窗口关闭close（ ）方法页面提示alert（ ）方法信息确认对话框c

7、onfirm（ ）方法根据要求，在页面上设置事件触发按钮，开启不同类型的窗口。页面按钮效果如以下图2.2.1所示。图2.2.1 翻开窗口（1）通过设置window.open（ ）方法的参数，确定新窗口翻开的类型。（2）使用showModalDialog（ ）方法调用模式窗口。在模式窗口页面的代码中写上window.returnValue=XXX，将信息XXX传递到主窗口，并在主窗口以showModalDialog（ ）方法的返回值形式获得。在主页面，参照图2.2.1定义好各个按钮，定义好按钮的onclick事件，在事件中分别调用以下的show1（ ）show5（ ）方法。 / 翻开窗口 fun

8、ction show1（） window.open（poster.html / 翻开固定大小的窗口，无菜单栏等 function show2（） window.open（,width=540,height=330,menubar=0,scrollbars=0,status=0,toolbar=0,location=0 / 翻开模态窗口，并接收返回值 function show3（） var dialogValue = window.showModalDialog（dialogWidth=540,dialogHeight=330,menubar=0,scrollbars=0,status=0,t

9、oolbar=0,location=0 document.all.result.value = dialogValue; document.all.result.value = dialogValue; / 全屏显示本页面 function show4（） open（document.location,fullscreen=yes / confirm确认对话框 function show5（） if（confirm（知识改变命运，对么？）你相信知识改变命运，努力会有收获的!模式窗口和主窗口之间的信息传递showModalDialog（ ）方法的调用模式窗口和主窗口的信息交互JavaScript

10、中定义对象和对象的属性模拟购物车信息提交页面，实现送货地址确认页面，如图2.2.22.2.5所示。图2.2.2 点击订单提交页面填写邮寄地址的链接图2.2.3 在弹出的模式对话框中进行送货地址确认图2.2.4 送货地址信息成功反应图2.2.5 点击提交订单后系统显示确实认信息（1）定义好送货地址确认窗口的页面内容address.html，如图2.2.3所示。（2）使用window.showModalDialog（）方法开启送货地址确认模式窗口。（3）在模式窗口的页面中，定义一个对象result。（4）将模式窗口的表单域填写的值分别作为属性赋值给对象result。（5）将result对象赋值给模

11、式窗口的window.returnValue。（6）在主窗口中获得模式窗口传过来的参数并计算完整的地址信息写到主窗口的表单中。（7）在主窗口点击提交订单，提示订单信息。下面是模式窗口address.html中的内容。 function closeDialog（） var result = new Object（）; result.province = document.all.province.value; result.city = document.all.city.value; result.region = document.all.region.value; result.stree

12、t = document.all.street.value; result.doorId = document.all.doorId.value; window.returnValue = result; window.close（）;下面是主窗口中的td colspan=5a href=javascript:showDialog（）;请填写邮寄地址address60 value=提交订单show（）Date对象调用获得当前系统日期Date对象的方法获得系统日期的方法各种根据日期字段处理信息的方法在JavaScript代码中使用Date对象获取当前时间的完整信息，包括星期几、上下午AM or

13、PM等，并按照12小时制制作一个实时显示时间信息的时钟。效果如以下图2.2.6所示。图2.2.6信息完全的时钟（1）获得一个Date对象。（2）通过Date对象的getYear（ ）方法获得年份；getMonth（ ）方法获得月份0-11；getDate（ ）方法获得日期；getDay（ ）方法获得一个星期中的第几天0-6。（3）使用getHours（ ）获得当前小时，getMinutes（ ）获得当前分钟，getSeconds（ ）获得当前秒。（4）使用switch语句将0-6的星期几转化为类似“星期一的汉字表述方式。（5）判断当前小时，如果大于12那么减去12并在日期字符串后加上PM字样，

14、否那么加上AM字样。（6）使用setTimeout（ ）方法每隔1000毫秒调用一次时间计算和显示函数，实现时钟动态显示。 var date = new Date（）; / 略过的代码，可参考核心技能局部的介绍 var dayInWeek = date.getDay（）; var day; var period; switch（dayInWeek） case 0: day = 星期日break; case 1:星期一 case 2:星期二 case 3:星期三 case 4:星期四 case 5:星期五 case 6:星期六 if（hour12） hour = hour-12; period = PMAM / 略过的代码，可参考核心技能局部的介绍 var timeStr = 今天是：+year+年+month+月+dayInMonth+ 日+day+hour+:+ minute+second+period; document.getElementById（timmer）.innerHTML = timeStr;淘宝网宝贝交易倒计时根据秒数换算时间setTimeout（ ）函数实现时钟倒计时parseInt（ ）函数的使用制作淘宝网宝贝交易时间，效果如图2.2.7右下角所示。图2.2.7淘宝网宝贝交易倒计时（1）定义全局变量seconds为交易时间，初始时间定为93600秒1天零