《ASP动态网页设计》电子教案

《ASP动态网页设计》 电子教案 系部:信息工程系 专业:计算机应用专业

《ASP 动态网页设计》 电子教案 系部：信息工程系 专业：计算机应用专业

第一讲ASP的系统运行环境 教学重点: ASP动态网页的工作基本原理 2、 Windows2000 Server/XPS的安装与配置 教学要求 1、熟知有关ASP的基本概念和工作原理,如ASP、HIML、静态网页、动态网页、HTTP PWS、IS、IP地址等:了解静态网页和动态网页的区别。 2、熟练掌握 ASP Web服务器的安装与运行环境的配置,特别是在 Windows2000 Server/XP系统中ⅡS的安装与配置:熟知WEB服务器根目录的设置和主页文件的命名。 3、熟悉ASP文件的基本格式:熟练运用 Dreamweaver编辑ASP动态网页原代码;熟练 掌握使用本机IE浏览器调试ASP程序的方法。 教学内容 l、关于网站的有关术语与知识 web服务器:存储和管理供给全球各地用户浏览网页的服务器,软件支持如:运行在 windows2000ever系统上的IS,运行在unx系统上的 apache等 客户端浏览器:通过在地址栏中输入Web服务器地址从而访问Web服务器的软件:目 前主要是 Internet Explorer(IE)和 Netscape HIML:超级文本标记语言( Hypertext Mark- up Language)标准的文本文件,不是编程 语言,而是一种描述性的标记语言;如: HITP:( Hypertext Transfers Protocol)超级文本(超级链接)的传输协议,是TCP/P 协议的一部分:这个协议管理Web浏览器如何向Web服务器请求文件,以及服务器如何将 文件发送回来。 FTP:( File Transfers Protocol)文件传输协议,在互联网上上传或下载文件的协议;通 常需要输入IP地址、用户名、密码等 IS:( Internet Information System) Internet信息服务器,用于配置和管理WEB站点的软 件;能响应客户端用户的请求从而下载网页到客户端: IP地址:用于标识互联网上各类计算机和服务器的唯一地址,其由32位二进制组成 分成四段,每段8位,如:192.1680.1 子网掩码:用于通过与IP地址进行“与”操作来判断某两个P地址是否位于同一个网 内,如果在一个网内,则在网内查找,否则将数据包发送到路由器到外网查找 域名:是替代枯燥乏味的IP地址的一种分层次的表示方式;如 WWW 域名服务器DNS:将域名解析为P地址的服务器(具体原理可参考有关网络类书籍) 2、何为ASP? ASP是 Active Server Pages的简称,是微软公司开发的一套服务器,在这种环境中,通 过在标准的HTML网页中嵌入和使用ASP内建对象和可安装组件 ActiveX组件,并结合 Ⅴ SCript或 JavaScript编程,即可建立动态的、交互的、功能强大的Web页面。主要运行 于 Windows nt或 Windows2000 server平台,其服务器为Is4050;扩展名为:asp 3、ASP的执行方式 静态网页:在客户端浏览地址栏目中键入某个网址,它会向Web服务器发送一个HTTP

第一讲 ASP 的系统运行环境 教学重点： 1、ASP 动态网页的工作基本原理； 2、Windows 2000 Server /XP IIS 的安装与配置； 教学要求： 1、熟知有关 ASP 的基本概念和工作原理，如 ASP、HTML、静态网页、动态网页、HTTP、 PWS、IIS、IP 地址等；了解静态网页和动态网页的区别。 2、熟练掌握 ASP Web 服务器的安装与运行环境的配置，特别是在 Windows 2000 Server/XP 系统中 IIS 的安装与配置；熟知 WEB 服务器根目录的设置和主页文件的命名。 3、熟悉 ASP 文件的基本格式；熟练运用 Dreamweaver 编辑 ASP 动态网页原代码；熟练 掌握使用本机 IE 浏览器调试 ASP 程序的方法。 教学内容 1、关于网站的有关术语与知识 Web 服务器：存储和管理供给全球各地用户浏览网页的服务器，软件支持如：运行在 windows 2000 sever 系统上的 IIS，运行在 unix 系统上的 apache 等 ； 客户端浏览器：通过在地址栏中输入 Web 服务器地址从而访问 Web 服务器的软件；目 前主要是 Internet Explorer（IE）和 Netscape； HTML：超级文本标记语言（Hypertext Mark-up Language）标准的文本文件，不是编程 语言，而是一种描述性的标记语言；如：安徽工 业职业技术学院； HTTP：（Hypertext Transfers Protocol）超级文本（超级链接）的传输协议，是 TCP/IP 协议的一部分；这个协议管理 Web 浏览器如何向 Web 服务器请求文件，以及服务器如何将 文件发送回来。 FTP：（File Transfers Protocol）文件传输协议，在互联网上上传或下载文件的协议；通 常需要输入 IP 地址、用户名、密码等； IIS：（Internet Information System）Internet 信息服务器，用于配置和管理 WEB 站点的软 件；能响应客户端用户的请求从而下载网页到客户端； IP 地址：用于标识互联网上各类计算机和服务器的唯一地址，其由 32 位二进制组成， 分成四段，每段 8 位，如：192.168.0.1； 子网掩码：用于通过与 IP 地址进行“与”操作来判断某两个 IP 地址是否位于同一个网 内，如果在一个网内，则在网内查找，否则将数据包发送到路由器到外网查找； 域名：是替代枯燥乏味的 IP 地址的一种分层次的表示方式；如：www.ahip.cn； www.yahoo.com.cn ； 域名服务器 DNS：将域名解析为 IP 地址的服务器（具体原理可参考有关网络类书籍）； 2、何为 ASP ? ASP 是 Active Server Pages 的简称，是微软公司开发的一套服务器，在这种环境中，通 过在标准的 HTML 网页中嵌入和使用 ASP 内建对象和可安装组件 ActiveX 组件，并结合 VBScript 或 JavaScript 编程，即可建立动态的、交互的、功能强大的 Web 页面。主要运行 于 Windows NT 或 Windows 2000 server 平台，其服务器为 IIS4.0/5.0；扩展名为：.asp； 3、ASP 的执行方式 静态网页：在客户端浏览地址栏目中键入某个网址，它会向 Web 服务器发送一个 HTTP

请求消息(包含消息头和消息体);HITP请求的第一行如下所示: Get/Http://www.sohu.com/a.htmhttP/l.1 这一行指定了一个被称为(method)的HTP命令、文档的地址、HTTP协议的版本, 还有一些有关浏览器的信息。 web服务器接收请求,处理请求,并发出响应。HTTP响应的第一行如下所示: HTTP/1.1200OK状态码为“200”意味着成功,之后还有一些头信息用于指定当 前的时间、服务器的类型、数据的类型,其后是所请求的数据 如果请求的页面文件的扩展名为HIM或HTML,则服务器直接从硬盘中读取所请求的 页面文件,然后将其传送给客户端浏览器,客户端浏览器收到服务器传送的网页代码后,然 后对其解释执行,从而显示网页的内容。 IE浏览器(客户端) htt请求 窗口 服务器 http://www.sohu.com/a.htm 网页元素 IIS (ASP) 解释HIML 下载ahtm 安徽… 动态网页:若扩展名为ASP,从服务器中读取出所请求的文件,然后对其ASP脚本代 码进行解释执行,生成新的HIML格式,与非ASP代码部分结合,产生动态的HIML网页 并且可以一些提供高级服务(数据库的存储、电子邮件的发送等 数据库服1Wb服务器 IE浏览器(客户端) http请求 窗 IIS (ASP) 务器(DB 执行ASP部分 http://www.sohu.com/a.asp Old html 网页元素 邮件服务,<%… New html 解释html 器(smtp) Old html old html 提示:服务器与客户端的位置关系有三种 1、在同一机器中( localhost或127.0.0.1)2、在局域网中3、在互联网中 4、 ASP Web服务器的安装与配置(实验指导1)

请求消息（包含消息头和消息体）；HTTP 请求的第一行如下所示： GET /http://www.sohu.com/a.htm HTTP/1.1 这一行指定了一个被称为（method）的 HTTP 命令、文档的地址、HTTP 协议的版本， 还有一些有关浏览器的信息。 Web 服务器接收请求，处理请求，并发出响应。HTTP 响应的第一行如下所示： HTTP/1.1 200 OK 状态码为“200”意味着成功，之后还有一些头信息用于指定当 前的时间、服务器的类型、数据的类型，其后是所请求的数据。 如果请求的页面文件的扩展名为 HTM 或 HTML，则服务器直接从硬盘中读取所请求的 页面文件，然后将其传送给客户端浏览器，客户端浏览器收到服务器传送的网页代码后，然 后对其解释执行，从而显示网页的内容。 动态网页：若扩展名为.ASP，从服务器中读取出所请求的文件，然后对其 ASP 脚本代 码进行解释执行，生成新的 HTML 格式，与非 ASP 代码部分结合，产生动态的 HTML 网页, 并且可以一些提供高级服务（数据库的存储、电子邮件的发送等）。 提示：服务器与客户端的位置关系有三种： 1、在同一机器中（localhost 或 127.0.0.1） 2、在局域网中 3、在互联网中 4、ASP Web 服务器的安装与配置（实验指导 1） IE 浏览器（客户端） 服务器 IIS（ASP） http://www.sohu.com/a.htm http 请求 窗口 下载 a.htm 解释 HTML 网页元素 安徽…… …… …… Web 服务器 IIS（ASP） 执行 ASP 部分 Old html Old html IE 浏览器（客户端） New html 窗口 http 请求 http://www.sohu.com/a.asp Old html 解释 html 网页元素 数据库服 务器（DB） 邮件服务 器（smtp）

控制面板》添加和删除程序》》添加和删除 windows组件》 Internet信息服务》》 将系统盘放入光驱中,安装后在“管理工具”中出现 Internet信息服务器即可; 主要需要配置web服务器的根目录和默认主页文件 运行 Dream weaver MX2004建立站点,完成相关的设置,其中根目录与IS中一致, 并使用服务器技术; 5、程序举例( chapterl0l/ myfirstpage. asp、 showdate. asp) ∥ myfirstpage.asp ttle>无标题文档 我是张山,大家好!我的Web服务器配置好了,我的IP地址是192.1680.1。请访 问吧!这是我的第一个ASP网页! showdate. asp metahttp-equiv="content-type"content=texT/html;charset=gb2312"> ttfe无标题文档 现在日期: 课后问题 1、请在有关书籍中或 Internet中查找并补充有关网络有关概念和术语的详细内容 2、现在有一家民营企业希望在互联网中拥有自己的网站来宣传自己的产品,你该做哪些事 情呢?能有几种方案?费用多少?

⚫ 控制面板》》》添加和删除程序》》》添加和删除 windows 组件》》》Internet 信息服务》》》 将系统盘放入光驱中，安装后在“管理工具”中出现 Internet 信息服务器即可； ⚫ 主要需要配置 Web 服务器的根目录和默认主页文件。 ⚫ 运行 Dreamweaver MX 2004 建立站点，完成相关的设置，其中根目录与 IIS 中一致， 并使用服务器技术； 5、程序举例（chapter01/myfirstpage.asp、showdate.asp） //myfirstpage.asp 无标题文档 我是张山，大家好！我的 Web 服务器配置好了，我的 IP 地址是 192.168.0.1。请访 问吧！这是我的第一个 ASP 网页 ！ //showdate.asp 无标题文档 现在日期： 课后问题： 1、 请在有关书籍中或 Internet 中查找并补充有关网络有关概念和术语的详细内容； 2、 现在有一家民营企业希望在互联网中拥有自己的网站来宣传自己的产品，你该做哪些事 情呢？能有几种方案？费用多少？

第二讲HTML基础 教学重点: HIML表单的应用; 2、CSS层叠样式表的应用; 教学要求 1、了解HIML语言与高级语言(如ⅤB、C等)的区别;识记网页常用标记及属性, 如标题、字体、段落、图像、超链接、表格等 2、熟练掌握HIML表单中各界面对象的标记符号和属性,如表单、文本域、列表域 复选框与单选钮、命令按钮等 3、熟练掌握在 Dreamweaver中使用层叠样式表CSS:了解层叠样式表与标记属性的区 别 教学内容 1、构建HIML网页( chapter2/ section2/ htmlpage,asp Head metahttp-equiv="content-typecontent=text/html:charset=gb2312> 标题 text-align: cent function checkformo I 函数体 主体部分 2、HIML标记的特点 1、HIML是文本文件,标记符号均用括起来,大多数标记成对出现,结束标记

第二讲 HTML 基础 教学重点： 1、HTML 表单的应用； 2、CSS 层叠样式表的应用； 教学要求： 1、了解 HTML 语言与高级语言（如 VB、C 等）的区别；识记网页常用标记及属性， 如标题、字体、段落、图像、超链接、表格等； 2、熟练掌握 HTML 表单中各界面对象的标记符号和属性，如表单、文本域、列表域、 复选框与单选钮、命令按钮等； 3、熟练掌握在 Dreamweaver 中使用层叠样式表 CSS；了解层叠样式表与标记属性的区 别。 教学内容： 1、构建 HTML 网页（chapter02/section2/htmlpage.asp） 标题 function checkform() { 函数体 } 主体部分 2、HTML 标记的特点 1、HTML 是文本文件，标记符号均用<>括起来，大多数标记成对出现，结束标记

多一个斜杠,其用法见其上 2、标记拥有自己的属性 安徽工业职业技术学院 3、HIML标记可嵌套使用,不能交叉: Active sever page、 3、常用标记(图像、超链接和表格) 安徽工业职业技术学院 单击此处文件下载( chapter2/ section3/ download.asp (chapterO2section 4/myform. asp 用户注册 用户名: 4、HTML的表单( chapterl2/ section4/ myform. asp) 隐藏域 口令域 单选按钮 g 3r 列表框 硕士以上 大学本科

多一个斜杠，其用法见其上； 2、标记拥有自己的属性； 安徽工业职业技术学院 3、HTML 标记可嵌套使用，不能交叉； Active sever page 4、少数标记是单独使用如：、 3、常用标记（图像、超链接和表格） 安徽工业职业技术学院 安徽工业职业技术学院 单击此处文件下载 （chapter02/section3/download.asp） （chapter02/section4/myform.asp） 用户注册 用户名： 4、HTML 的表单（chapter02/section4/myform.asp） 两种表单数据的传递方法：GET 和 POST 方法 GET 方法：将表单数据附加在 Action 属性指定的 URL 地址之后，并在 URL 地址与表 单数据间加上一个“？”分割符，表单的各个数据项间用“&”分割符。 http://localhost/test.asp?txtid=012&txtusename=ucau GET 方式一次最多只能提交 256 个字符； POST 方式是将表单数据作为一个独立的数据块直接发送给服务器； 表单中的界面对象 单行文本域 隐藏域 口令域 单选按钮 男 女 列表框 硕士以上 大学本科

大专 中专以下 按钮 5、HML的其他常用标记;( chapter02 sectionS/duomeiti asp、 moveleft. asp 多媒体 滚动的内容 mystyle i font-family:"新宋体

大专 中专以下 按钮 5、HML 的其他常用标记；（chapter02/section5/duomeiti.asp、moveleft.asp） 多媒体 滚动的内容 6 层叠样式表 CSS（chapter02/section6/myform.asp） 层叠样式表 (Cascading Style Sheet) 是一系列格式设置规则，它们控制 Web 页面内容 的外观。术语 cascading 表示向同一个元素应用多种样式的能力。例如，可以创建一个 CSS 规则来应用颜色，创建另一个 CSS 规则来应用边距，然后将两者应用于页面上的同一个文 本。所定义的样式向下“层叠”到您的 Web 页面上的元素，并最终创建您想要的设计。 优点 1：使用 CSS 可以非常灵活并更好地控制具体的页面外观，从精确的布局定位到 特定的字体和样式。CSS 允许您控制 HTML 无法独自控制的许多属性。例如，可以为选 定的文本指定不同的字体大小和单位（像素、磅值等）。通过使用 CSS 以像素为单位设置 字体大小，还可以确保在多个浏览器中以更一致的方式处理页面布局和外观。除设置文本格 式外，还可以使用 CSS 控制 Web 页面中块级别元素的格式和定位。例如，可以设置块级 元素的边距和边框、其他文本周围的浮动文本等。 优点 2：它提供了便利的更新功能；更新一处的 CSS 规则时，使用该已定义样式的所 有文档的格式都会自动更新为新样式。 CSS 格式设置规则由两部分组成：选择器和声明。选择器是标识格式元素的术语（如 P、 H1、类名或 ID），声明用于定义元素样式。在下面的示例中，H1 是选择器，介于括号 ({}) 之间的所有内容都是声明： H1 { font-size:16 pixels; font-family:Helvetica; font-weight:bold; } 声明由两部分组成：属性（如 font-family）和值（如 Helvetica）。上面的 CSS 规则为 H1 标签创建了一个特定的样式：链接到此样式的所有 H1 标签的文本都将是 16 个像素大小、 Helvetica 字体和粗体。 在 Dreamweaver 中可以定义以下样式类型： ⚫ 自定义 CSS 规则（也称为类样式）使您可以将样式属性应用于任何文本范围或文 本块。（请参见应用类样式。） .mystyle { font-family: "新宋体";

font-size: 24px ht:30 color: #FF0000 HIML标签样式重定义特定标签(如h)的格式。创建或更改Hl标签的CSS样 式时,所有用H1标签设置了格式的文本都会立即更新 font-size: 16 pixels font-family: Helvetica; font-weight: bold ●CSS选择器样式(高级样式)重新定义特定元素组合的格式设置,或重新定义CSS 允许的其他选择器表单的格式设置(例如,每当h2标题出现在表格单元格内时都 应用选择器tdh2)。高级样式还可以重新定义包含特定id属性的标签的格式设置 例如,# my Style定义的样式可应用于包含属性值对id=" myStyle"的所有标签) td h2 i font-family:"宋体 font-size: X-large font-weight: 500 color:#000099, #mystyle i font-family:"宋体" color: #FF0000 CSS规则可以位于以下3个位置: 内部(或嵌入式)CSS样式表是一系列包含在HIML文档文件头部分的 style标 签内的CSS规则。 margin: auto

font-size: 24px; font-weight: 300; color: #FF0000; } ⚫ HTML 标签样式重定义特定标签（如 h1）的格式。创建或更改 H1 标签的 CSS 样 式时，所有用 H1 标签设置了格式的文本都会立即更新。 H1 { font-size:16 pixels; font-family:Helvetica; font-weight:bold; } ⚫ CSS 选择器样式（高级样式）重新定义特定元素组合的格式设置，或重新定义 CSS 允许的其他选择器表单的格式设置（例如，每当 h2 标题出现在表格单元格内时都 应用选择器 td h2）。高级样式还可以重新定义包含特定 id 属性的标签的格式设置 （例如，#myStyle 定义的样式可应用于包含属性值对 id="myStyle" 的所有标签）。 CSS 规则可以位于以下 3 个位置： ⚫ 内部（或嵌入式）CSS 样式表是一系列包含在 HTML 文档文件头部分的 style 标 签内的 CSS 规则。 body { margin: auto;

padding-left: Opx background-color: #FFCCFF 外部CSS样式表是一系列存储在一个单独的外部CSS(cs)文件(并非HIML 文件)中的CSS规则。利用文档文件头部分中的链接,该文件被链接到Web站 点中的一个或多个页面 内联样式是在标签的特定实例中在整个HIML文档内定义的 p styles="line- height:14.5pt; color red">这是直接在标记符号中应用的样式的方法<p 注意:手动设置的HIML格式设置会覆盖通过CSS应用的格式设置。要使CSS规 则能够控制段落格式,必须删除所有手动设置的HIML格式。 CSS样式设置 1.定义CSS类型属性 2.定义CSS样式背景属性 3.定义CSS样式区块属性 4.定义CSS样式方框属性 5.定义CSS样式边框属性 6.定义CSS样式列表属性 7.定义CSS样式定位属性 8.定义CSS样式扩展属性 课后问题 1、请访问“安徽工业职业技术学院”的首页,查看源代码,在这个页面中使用了哪些 HIML标记语言,使用了哪些CSS样式; 2、总结描述所有的CSS样式的应用,对于课堂上没有提到的CSS样式请查阅 Dreamweaver的帮助信息 3、自己制作一个“用户信息注册界面”的表单,运用CSS样式编排其字体、色彩、格 式等元素,并给其他同学浏览,至少五位同学表示赞赏表示成功

padding-top: 100px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: #FFCCFF; } ⚫ 外部 CSS 样式表是一系列存储在一个单独的外部 CSS (.css) 文件（并非 HTML 文件）中的 CSS 规则。利用文档文件头部分中的链接，该文件被链接到 Web 站 点中的一个或多个页面。 ⚫ 内联样式是在标签的特定实例中在整个 HTML 文档内定义的。 这是直接在标记符号中应用的样式的方法 注意：手动设置的 HTML 格式设置会覆盖通过 CSS 应用的格式设置。要使 CSS 规 则能够控制段落格式，必须删除所有手动设置的 HTML 格式。 CSS 样式设置 1. 定义 CSS 类型属性 2. 定义 CSS 样式背景属性 3. 定义 CSS 样式区块属性 4. 定义 CSS 样式方框属性 5. 定义 CSS 样式边框属性 6. 定义 CSS 样式列表属性 7. 定义 CSS 样式定位属性 8. 定义 CSS 样式扩展属性 课后问题： 1、请访问“安徽工业职业技术学院”的首页，查看源代码，在这个页面中使用了哪些 HTML 标记语言，使用了哪些 CSS 样式； 2、总结描述所有的 CSS 样式的应用，对于课堂上没有提到的 CSS 样式请查阅 Dreamweaver 的帮助信息； 3、自己制作一个“用户信息注册界面”的表单，运用 CSS 样式编排其字体、色彩、格 式等元素，并给其他同学浏览，至少五位同学表示赞赏表示成功；

第三讲 Javascript 教学重点: 1、 JavaScript的语法特点,函数的定义、调用,变量的作用域 2、条件控制语句、循环控制语句; 3、 JavaScript中几个常用对象的应用 教学要求: 1、回顾和复习以前C语言的基本语法知识:进一步加深理解 Javascript语法知识 2、深刻理解有关函数中变量的作用域和各类控制语句的功能 3、理解和灵活运用 JavaScript中常用的几个对象的属性和方法; 教学内容 什么是 Javascript? JavaScript是 Netscape公司推出的一种嵌入HIML文档的,基于对象的脚本描述语言。 利用它可以进一步的增强网页的交互性、方便操作和控制各种浏览器对象,实现控制浏览器 外观、状态和运行方式的目的。利用它还可以实现对用户所输入的数据进行有效性检验,从 而减轻服务器的负担。其语法与C语言很相似 2、在网页中使用 JavaScript window. alert("欢迎进入") 如果一段 Javascript应用到多个网页,可以将其放入到扩展名称为:Js文本文件 在需要使用" JavaScript"的页面中插入方法:( chapter3/ section l/javaexample,asp 3、 JavaScript语法基础 1、 JavaScript的数据类型 JavaScript提供四种基本的数据类型,分别为数值型、逻辑型、字符串型和 undefined 类型 2、常量、变量( chapter3/ section2/ mathexpression.asp) var nun=24id="36′ Enum+id Number(id)结果为60 window alert("x的值为:"+x); ∥显示的结果为“2436” 通过上例需要注意的问题 Javascript语句区分大小写,语句以分号作为结束符号 用∥来注释语句 变量需要用var定义可以给多个变量赋初值 ●变量的类型转换,数值型转换成字符型进行连接运算;需要用类型转换函数。 3、表达式 条件表达式(条件)?A:B( chapter3/ / section2 logicexpression,asp man=age>=18)? "adult". "minor

第三讲 JavaScript 教学重点： 1、JavaScript 的语法特点，函数的定义、调用，变量的作用域； 2、条件控制语句、循环控制语句； 3、JavaScript 中几个常用对象的应用； 教学要求： 1、回顾和复习以前 C 语言的基本语法知识；进一步加深理解 Javascript 语法知识； 2、深刻理解有关函数中变量的作用域和各类控制语句的功能； 3、理解和灵活运用 JavaScript 中常用的几个对象的属性和方法； 教学内容： 1、什么是 JavaScript? JavaScript 是 Netscape 公司推出的一种嵌入 HTML 文档的，基于对象的脚本描述语言。 利用它可以进一步的增强网页的交互性、方便操作和控制各种浏览器对象，实现控制浏览器 外观、状态和运行方式的目的。利用它还可以实现对用户所输入的数据进行有效性检验，从 而减轻服务器的负担。其语法与 C 语言很相似。 2、在网页中使用 JavaScript window.alert("欢迎进入"); 如果一段 javascript 应用到多个网页，可以将其放入到扩展名称为：Js 文本文件。 在需要使用"JavaScript"的页面中插入方法：（chapter03/section1/javaexample.asp） 3、JavaScript 语法基础 1、JavaScript 的数据类型 JavaScript 提供四种基本的数据类型，分别为数值型、逻辑型、字符串型和 undefined 类型 2、常量、变量（chapter03/section2/mathexpression.asp） var num=24,id="36"; x=num+id; //Number(id) 结果为 60 window.alert("x 的值为："+x); //显示的结果为“2436” 通过上例需要注意的问题： ⚫ Javascript 语句区分大小写，语句以分号作为结束符号； ⚫ 用//来注释语句 ⚫ 变量需要用 var 定义可以给多个变量赋初值； ⚫ 变量的类型转换，数值型转换成字符型进行连接运算；需要用类型转换函数。 3、表达式 ⚫ 条件表达式 (条件)?A：B（chapter03/section2/logicexpression.asp） age=20; man=(age>=18)?"adult":"minor";