实验十二 JavaScript基本语法.docVIP

实验十二 JavaScript基本语法 一、实验目标 1、掌握JavaScript的基本语法； 2、掌握在见面中插入JavaScript脚本的方法； 3、掌握JavaScript变量、函数及各类控制语句。 二、实验内容 1、调用JS文件,输出欢迎信息 2、自定义函数,通过按钮弹出欢迎对话框 3、使用循环语句完成“JavaScript基本语法”文本h1到h6标题的输出 三、实验参考步骤 1、调用JS文件,输出欢迎信息,命名名JS1.html 定义单独的JS文件，编写JS脚本-欢迎信息，注意HTML标签及属性的运用,可以考虑font标签及颜色属性的使用。测试一下在JS中如何输出标签. 新建HTML文档 调用JS文件 输出欢迎信息，测试，完成 效果图如下： 2、自定义函数,通过按钮弹出欢迎对话框,命名名JS2.html 新建HTML文档 在body中输入常用按钮 定义JS脚本代码，定义函数，完成欢迎对话框功能；注意函数功能的完成及函数是否有参考传递，如果有返回值用return语句返回， 通过按钮调用自定义的函数 测试，完成. 效果图如下： 3、使用循环语句完成“JavaScript基本语法”文本h1到h6标题的输出，命名名JS3.html 新建HTML文档 选择一种循环语句,通过循环语句完成题目 注意:所有的HTML标签都可以以字符形式输出 效果图如下: 4、事件的使用 新建HTML文档，插入第一张灰度的图片：eg-mouse2.jpg，命名成img1 编写鼠标经过及离开时函数，参考如下： function over() {document.img1.src =img/eg_mouse.jpg}//选择本地图片的路径 通过img标签的鼠标经过和离开事件调用上述对应函数 测试，完成 四、实验课后习题 1、字符串函数的使用 2、数组函数的使用 定义数组，完成春夏秋冬四季的换行输出. var theMonths = new Array(春,夏,秋,冬),s; for(var i=0;i=3;i++) { s=theMonths[i]; document.write(s+br/); } /script 3、根据系统时间显示今天星期几？预习249页Date对象的使用。 新建HTML文档 在body中输入常用按钮 定义JS脚本代码，定义函数，完成星期几的输出功能；注意函数功能的完成及函数是否有参考传递，如果有返回值用return语句返回， 通过按钮调用自定义的函数 测试，完成. 、 五、完成实验报告 第5页 共5页