DIV+CSS网页制作实战第41次课(2课时)JavaScript语法基础.pptxVIP

课次 41 课时 2 教具 投影仪 项目 项目4 网页的脚本设计 任务 任务4.1 JavaScript语法基础 知识点 1. JavaScript语言及其特点（15分钟） 2. JavaScript语言基础（15分钟） 3. JavaScript的基本语句（45分钟） 4. JavaScript的自定义函数（15分钟） 重点 JavaScript的基本语句 难点 JavaScript的自定义函数 备注 上机操作90分钟 / 18 1 / 18 2 知识技能目标 1. 熟悉JavaScript语言及其特点 2. 掌握JavaScript语言基础知识 3. 掌握JavaScript的基本语句 4. 掌握JavaScript的自定义函数 5. 能在网页中应用JavaScript效果 / 18 3 4．1．1 任务分析 到现在为止，某企业网站首页的内容、结构、外观已经制作完毕，相当美观，但他们还想为页面增加一些效果和功能，让网页浏览的用户操作体验更好一些，比如首页打开时能够弹出一个公告窗口；再为页面增加一个友情链接导航列表；页面内容展示得更艺术一些，效果更炫一些等等。这里通过网页脚本（VBScript和JavaScript）能够很好地完成这些任务。 / 18 4 4.1．2 JavaScript语言基础 1．JavaScript语言简介 脚本(Script) 是网页中完成某些特殊功能的程序。在网页中使用的脚本语言主要有JavaScript和VBScript。脚本既可以在服务器端运行（如ASP、PHP、JSP等），也可以在客户端运行。 客户端脚本驻留在客户机上（随网页一起下载），常用来检测浏览器的功能、响应用户的动作、验证表单数据、显示对话框以及增强显示效果等。客户端脚本执行时无须与Web服务器通信，减少了网络传输量和服务器负荷，改善了系统的性能，但缺点是相对于服务器端脚本而言，前台浏览器执行的脚本安全性稍差。 通常有三种方式将脚本添加到HTML页面： （1）使用script标记符，例如：script…/script （2）直接在html标记符内添加，例如： a href=javascript:alert(‘XXX’)点这里弹出对话框/a （3）调用外部的脚本文件。如script src=xxx.js/script / 18 5 2．JavaScript的特点 （1）简单性 像VBScript一样，JavaScript也是解释性语言，基本结构与C、C＋＋、C#、VB、Delphi、Java相似，但它不像这些语言需要先编译。JavaScript和HTML标记结合在一起，方便了开发者设计和用户的操作，增强了网页的功能。 （2）动态性 JavaScript是动态的，它可以直接对客户输入做出响应，无须经过Web服务器。它对用户的响应是采用事件驱动的方式进行的。所谓事件驱动，就是指在页面中执行了某种操作后产生的相应动作，比如按下鼠标、移动窗口、选择菜单等都可以视作事件。当事件发生后，即会触发相应的事件响应（动作）。 （3）跨平台性 JavaScript具有跨平台性，只要浏览器支持JavaScript，它就能正确执行。目前常用的浏览器都支持JavaScript。 （4）基于对象 JavaScript是一种基于对象的语言，支持面向对象的编程方法。JavaScript本身还内置了一些基本对象，可以直接使用这些对象来完成相应的功能，而不需要再由设计者来创建这些类。 （5）良好的安全性 JavaScript只能通过浏览器来实现信息的浏览和动态交互，而不允许直接向客户端硬盘写入数据，也就是说，JavaScript不能直接对浏览者的硬盘目录和文件进行写入操作，用户可以放心使用。 （6）网络上有丰富的资源 / 18 6 基于以上特点，JavaScript在网页设计与制作中得到了广泛的应用。下面是一个简单的JavaScript程序，运行结果如图所示。 script language=JavaScript document.writeln(H1欢迎使用JavaScript！！！/H1); document.writeln(br); document.writeln(H3悄悄的我走了，正如我悄悄的来； /H3); document.writeln(H3我挥一挥衣袖，不带走一片云彩/H3); /script / 18 7 3．JavaScript语言基础 （1）变量 1）变量的命名规则如下 变量名