实训十六在网页中插入JAVASCRIPT
实训十六在网页中插入JavaScript
3课时:12计算机班班级:2013-5-21实训日期:2013-5-16编写时期:
一、实训目的
1、掌握JavaScript的基础知识
2、掌握在网页中插入JavaScript的方法
二、实训环境
Dreamweaver
三、实训教学方法
“演示、讲解、练习、辅导”相结合:演示页面最终效果;讲解页面元素的功能和实现方法;让学生自己实现页面效果;对学生的练习进行辅导。
四、实训注意事项
1、JavaScript不容易调试,在写代码时需格外注意
2、JavaScript区分大小写
五、实训内容及步骤
1、演示在网页中插入JavaScript的网页效果。
2、在HTML中嵌入JavaScript
新建一个普通网页,在中嵌入如下的JavaScript代码:
document.write("Hello,JavaScript");
window.alert("欢迎光临!");
网页效果如下:
3、链接脚本文件
新建一个Javascript文件,命名为text.js,输入以下内容:document.write("Hello,JavaScript");
window.alert("欢迎光临!");
新建一个基本的HTML页面,在中使用:
4、在标记内添加脚本
新建一个页面,在页面中插入
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
单,然后插入一个按钮,在按钮中添加JavaScript代码:
onClick=“JavaScript:window.alert(‘欢迎光临’)”
网页效果如下:
六、实训结果提交与成绩评定
提交三种在网页中插入JavaScript的页面
七、教学后记
JavaScript是一种能让网页更加生动活泼的描述语言,也是目前网页设计中最容易学又最方便的语言。用户可以利用JavaScript轻易地设计出亲切的欢迎信息、漂亮的数字时钟,有广告效果的跑马灯及简单的选举票单,还可以显示浏览器停留的时间。