JavaScript前端开发程序设计项目式教程（第2版）-实验 实验5 自定义函数.pdf

xx学院实验报告 姓名：__________ 学号：______ 班级：___________ 指导老师： xxx 实验成绩：_______ 实验JavaScript 自定义函数 一、实验目的 1、掌握函数的定义和调用 2、学会使用函数返回值 3、掌握函数的嵌套调用 二、实验仪器：微机 （台） 三、实验内容 1、补全代码，实现如下的简单购物计算器： 2 、改变新闻网页中字号 1）山东省人民政府网站中 “要闻动态”，选择某一新闻，打开页面，如图1 所示。 选择字号 图1 山东省人民政府网站 2）设计如图1所示的界面，要求当网络访问者选择字号中的【大、中、小】时能实现页 面字号大小变化，选择 “中”时，页面效果如图2所示。 图2 单击前初始状态页面 图3 单击 “中”链接后页面 3）`。 可通过/htmldom/dom_obj_style.asp 网页查看。 表1 Text 部分属性表 属性 描述 属性 描述 color 设置文本的颜色 fontWeight 设置字体的粗细 font 在一行设置所有的字体属 letterSpacing 设置字符间距 性 fontFamily 设置元素的字体系列。 lineHeight 设置行间距 fontSize 设置元素的字体大小。 textAlign 排列文本 fontStyle 设置元素的字体样式 textIndent 缩紧首行的文本 fontVariant 用小型大写字母字体来显 textTransform 对文本设置大写效 示文本 果 4）给定2.html，补充代码实现如图所示的效果 3、页面上输出一些字体大小不一的文字 （选做）计算任意区间内连续自然数的累加和 1）完成计算任意区间内连续自然数的累加和sum(n1,n2)、显示累加和show()等函数的定义， 实现页面布局如图1所示。 图1 计算累加和页面效果图 2）未应用样式时页面效果如图2所示。 图2 未应用样式时页面效果 3）编写的样式要求如下： 4）未输入数据时提醒如下图3所示 图3 未输入区间数据页面效果图 5）出错时，弹出则弹出告警消息框，如图4所示。 图4 起始数大于等于终止数时页面效果图 四、实验要求 认真上机，按照实验内容完成实验报告。