JavaScript 简介 第 章.pptVIP

JavaScript 简介 第 1 章 目标 理解静态网页和动态网页的区别 理解什么是JavaScript 理解静态网页和动态网页的区别 静态网页是用于展示的，其内容是固定的； 静态网页是指通过专用的网页制作工具，比如Dreamweaver、Frontpage等制作成html的网页。 动态网页是具有交互功能的，如用户注册、用户登录、在线调查、用户管理、订单管理等 。 动态网页要使用网页脚本语言来开发。 什么是JavaScript JavaScript是一种基于对象的脚本语言，用于开发基于客户端和基于服务器的Internet应用程序。 可用于创建客户端脚本和服务器端脚本。 由Sun Microsystems 和 Netscape 开发，是从 Netscapes 的 Livescript 发展而来的。 JavaScript与Java语言没有关系。 1.2 编写第一个JavaScript程序 HTML的基本结构 使用SCRIPT标记 使用JavaScript文件 添加注释 调试JavaScript 1.2.1 HTML的基本结构 html head title Hello World! /title /head body !--网页要显示的内容-- Hello World! /body /html 编写HTML / JavaScript程序的步骤 打开记事本（或其它编辑工具） 输入程序 在文件菜单中选择保存： 选择路径、文件名、扩展名(.html) 关闭记事本 运行HTML / JavaScript程序的步骤 双击要运行的HTML / JavaScript程序 修改HTML / JavaScript程序的步骤 右击要修改的文件 在快捷菜单中选择“打开方式” →“记事本” → Microsoft Office frontpage 修改程序 在文件菜单中选择保存 关闭记事本 1.2.2 使用SCRIPT标记 “例1-1”是一个没有JavaScript语句的html文件， 在html文件中使用SCRIPT标记，就可以把JavaScript语句嵌入到html文件中，这是使用JavaScript程序的方法。 在运行html文件时，浏览器会自动解释执行其中的脚本代码。 例1-2 通过JavaScript弹出Hello World对话框(P6) html head title Hello World! /title /head body script language=javascript alert(Hello World!); /script /body /html 1.2.3 使用JavaScript文件 把JavaScript语句从html文件中分离出来，作为一个单独的文件，有利于代码的复用。 注意下面几点： JavaScript文件的扩展名必须是 .js JavaScript文件是普通的文本文件。 JavaScript文件中不需要使用SCRIPT标记，直接写JavaScript代码即可。 例1-3 使用外部JavaScript弹出Hello World对话框 html !--文件1(扩展名.html)-- head title Hello World! /title /head body script language=javascript src=Firstjavascript.js /script /body /html 例1-3 使用外部JavaScript弹出Hello World对话框 //文件2(文件名：Firstjavascript.js) alert(Hello World!); 1.2.4 添加注释 与C语言一样，在JavaScript语句中可添加注释。 单行注释:在注释行的开头使用双斜线“//”。 多行注释:以“/*”开始，以“*/”结束，中间内容为注释。 注意： 在HTML里加注释的方法就是加一个“!-- -- ”即!--注释内容-- 1.2.7 调试JavaScript 与C语言一样，在JavaScript语句中可能出现的错误有： 语法错误：解释程序自动检测出来(例1-6)。 语义错误：靠程序员自己检查。 注意： 按照P11(图1-5) 去设置. Version 1.0 HTML 超文本标记语言 用于网页设计 JavaScript 脚本语言 嵌于HTML中 嵌入 例1-1 简单的Hello World页面代码 (P5) *