实训指导书
课程名称：Javascript程序设计
开课单位：  MB010509        教师姓名：
目录
实训项目一：JavaScript环境搭建 (1)
实训项目二：打印三角形 (2)
实训项目三：简易计算器 (4)
实训项目四：文字环绕图片效果 (6)
实训项目五：盒模型的应用 (8)
实训项目六：动态修改页面图片 (10)
实训项目七：验证登陆悠闲网 (12)
实训项目一：JavaScript环境搭建
一、实训目的
1、Javascript开发环境的搭建
2、javascript代码小体验
二、实训准备
1、教师准备：EditPlus安装源文件及IE安装源文件
2、学生准备：PC机
3、环境设备准备：PC机
三、实训注意事项
1、软件安装在桌面上
四、实训要点
1、安装EditPlus
2、安装IE浏览器
五、实施步骤
1、运行EditPlus软件，完成安装
2、运行IE浏览器软件，完成安装
3、新建第一个javascript源程序并输出Hello world!
4.<script language="JavaScript">
<!--
alert("Hello World!")
//-->
</script>
六、评价标准
能独立完成软件的安装并新建html页面文件，输入代码运行后，有相应的输出结果。
实训项目二：打印三角形
一、实训目的
1、打印正三角形
二、实训准备
1、教师准备：
2、学生准备：PC机
3、环境设备准备：PC机
三、实训注意事项
1、双重循环的应用
2. 空格字符的打印
3. 文本居中的应用
四、实训要点
1、for循环内容的掌握，空格字符的打印
2、双重循环的应用
五、实施步骤
1、运行EditPlus软件，新建html标准网页文件
2、<script  type="text/javascript">
var k=prompt("请输入打印的行数：","");
for(var i=1;i<=k;i++)
{网页计算器html代码
//alert("当前循环到第"+i+"行");
for(var j=0;j<i;j++)
{
document.write("*   ");
}
document.write("<br>");
}
</script>
六、评价标准
能独立新建html页面文件，输入代码运行后，有相应的输出结果。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。