5.2.1 初步体验JavaScript(学案).docVIP

5.2.1 初步体验JavaScript 高青一中 王延法 学习目标 1.了解JavaScript基本知识 2.体验JavaScript在动态网页设计中的应用 学习重难点： 重点：JavaScript在动态网页设计中的应用 难点：JavaScript在动态网页设计中的应用 学习环境 多媒体机房，投影设备，电子教室。 组织方式 通过实例的演示和操作理解JavaScript的基础知识，小组合作共同探究，快乐学习。 学习方法 教师演示讲解、自主探究学习、小组协作学习 导学过程 导学一 JavaScript简介及特点（共8分钟 其中自学材料5分钟、思考练习3分钟） JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言，有了JavaScript，可使网页变得生动。使用它的目的是与HTML超文本标记语言一起实现在一个网页中链接多个对象，与网络客户交互作用，从而可以开发客户端的应用程序。它是通过嵌入或调入在标准的HTML语言中实现的。JavaScript具有如下很多特点。 1.简单性 JavaScript是一种脚本编写语言，它采用小程序段的方式实现编程，像其他脚本语言一样，JavaScript同样已是一种解释性语言，它提供了一个简易的开发过程。它的基本结构形式与VB十分类似。但它不需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。 2.动态性 JavaScript是动态的，它可以直接对用户或客户的输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用事件驱动的方式进行的。所谓事件驱动，就是指在主页中执行了某种操作所产生的动作，就称为“事件”。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。 3.跨平台性 JavaScript是依赖于浏览器本身，与操作环境无关，只要计算机能运行浏览器，而且浏览器支持JavaScript就可以正确执行。 4.节省CGI的交互时间 随着WWW的迅速发展，有许多WWW服务器提供的服务要与浏览者进行交流，确认浏览者的身份、需要服务的内容等，这项工作通常有CGI（通用网关接口JavaScript实例（共需要8分钟，演示讲解5分钟，思考练习3分钟） 例1.如何在HTML文档中嵌入JavaScript： html head title在Html文档中嵌入JavaScript/title /head body brp align=center这是Html文档的内容。/p brscript language=JavaScript !-- document.write(center这是使用JavaScript输出的内容!/center); -- /script brp align=center这是Html文档的内容。/p /body /html? 显示结果为： 分析： 使用script language=JavaScript和/script标签把JavaScript脚本语言的代码嵌入到Html文件之中的 可以把这两个标签放在Html文件中的任何地方，也就是说JavaScript脚本代码可以嵌入到Html文件的任何地方。 “!--”和“--”标签在Html语言中是用来注释的，在此处则是:若不认识JavaScript代码的浏览器，则所有在其中的标识均被忽略；若认识，则执行其结果。 在此例中使用了一个叫做document的对象，它指代的就是当前的Html文档，它的write方法是用来向文档中输送Html代码，此方法必须带一个字符串参数。 此例中把Html代码(即字符串)center这是使用JavaScript输出的内容!/center输送到了当前的Html文档中。 思考练习：通过对本例的学习，谈谈你对JavaScript的理解。 导学三JavaScript脚本语言放置在什么地方合适？（20分钟） 通过对导学二的学习，我们了解到JavaScript脚本语言可以被嵌入HTML文件之中，无须经过编译即可在浏览器中运行，那么我们现在面临的问题是JavaScript程序放置在什么地方合适？通常JavaScript脚本语言可以放在： 1.HTML网页的body/body里 2.HTML网页的head/head里 3.外部.js文件里 1.JavaScript在body/body之间 当浏览器载入网页Body部分的时候，就执行其中的JavaScript语句，执行之后输出的内容就显示在网页中。 html head/head body script type=text/JavaScript document.write(h1机器人做学玩网站欢迎