javascript概述.doc

单元内容：JavaScript概述（建议学时：4学时）主要教学内容及过程：主要教学内容：1、什么是JavaScipt2、JavaScript的作用3、JavaScript的特点4、JavaScript基本语法知识主要教学过程：一、 演示页面//二、 任务分析在这些页面中，用户可以根据自己需要来选择查看不同的内容，能够完成邮箱信息的注册，一些网页元素比如图片，文字动态显示，根据用户需要还能够动态修改文档内容，这些动态效果都是通过JavaScript来实现的三、 知识点（一）、JavaScript的作用JavaScript主要运用在浏览器端，处理用户的输入实现交互功能。使用JavaScript可以创建动态的HTML页面。主要可以实现： 1校验用户输入的内容 2有效地组织网页内容 3动态地显示网页内容 4弥补静态网页不能实现的功能（二）什么是JavaScript JavaScript是写在HTML文档中的一种基于对象和事件驱动并具有安全性能的脚本语言（三）JavaScript的特点 1解释性的 原代码将不经过编译而直接在浏览器中运行时被“翻译”，因此也被称为“脚本语言”。2用于客户端的 JavaScript包含有服务器端应用和客户端应用两方面，其中客户端应用更广泛。 当JavaScript程序用于运行在用户浏览器中时，它就被称作是“客户端”的程序3基于对象的 JavaScript程序语言是一种基于对象的程序设计语言，它将显示在浏览器网页中的任何一种元素，如按钮、文本框、图像等，都作为“对象”处理四、 布置任务 简单的JavaScript页面五、 任务描述： 页面一：编写简单的JavaScript程序，实现在页面中输出“Hello World”页面二：通过编写JavaScript程序，实现弹出输入信息对话框要求输入姓名页面三：通过编写JavsScript程序，实现通过警示对话框显示信息六、 完成任务完成页面一知识点： 1、 JavaScript编写工具 可以使用记事本编写，并将文件保存为.html文件格式 可以使用网页设计工具Dreamweaver CS32、JavaScript程序嵌入HTML文档的常用方式是将代码放在“”标签对中，如下： JavaScript程序语句 language:表示在HTML中使用哪种脚本语言 可以放在body之间，可以放在head之间，也可以放在body和head之间3、 document.write(string) 是用来在当前文档中写入一个字符串，string是一个字符串或字符串表达式 如： document.write(“hello world”) 就是在当前文档中写入hello world 具体代码如下： document.write(Hello World!); 完成页面二知识点： 1、提示对话框 提示对话框: prompt()，返回用户输入 提示框经常用于提示用户在进入页面前输入某个值。 当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。语法：prompt(文本,默认值) 具体代码如下： prompt( 请输入您的姓名：); 完成页面三知识点： 1、警示对话框 警示对话框: alert() 方法 警告框经常用于确保用户可以得到某些信息。 当警告框出现后，用户需要点击确定按钮才能继续进行操作。 语法： alert(“文本”) 具体代码如下： alert( “你未登录还不能进入页面 七、 知识点补充：1、在HTML中嵌入JavaScript的方法第一种方式：使用标记对嵌入到HTML文档中 JavaScript程序语句 第二种方式：JavaScript代码直接嵌入HTML标签中 如：第三种方式：将JavaScript程序以外部文件的形式链接到当前HTML中 如： 将脚本放在单独的一个 js 文件2、JavaScript语法格式注意事项a、区分大小写。 在JavaScript中，变量名、函数名、运算符以及其他标识符都是区分大小写的。 b、空白符和换行符。 在JavaScript中，忽略变量名、数字、函数名或其他元素实体之间的空格、制表符或换行符，除非空格也是字符串常量的组成部分。c、可选的分号 在JavaScript中，半角分号（;）表示一个语句的结束。 如果一行中只包含单个语句，则可以省略分号结束符。 如果一行中包含多个语句，则必须在语句之间添加分号，最后一个语句后面可以省略分号，JavaScript会自动插入。 建议在每个语句后面都添加分号，以免出现不可预期的错误。d、复合语句。 在JavaScript中，可以使用花括号“”封装一组语句来组成代码块，代码块表示一系列按顺序执行的语句，称为复合语句。3、JavaScript注释单行的注释以 /