JavaScript 是属于网络的脚本语言！ JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建 cookies ，以及更多的应用。

理由 • JavaScript 是属于网络的脚本语言！ • JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。 • JavaScript 是因特网上最流行的脚本语言。 • JavaScript 很容易使用！

输出文本 <html> <body> <script type="text/javascript"> document.write("Hello World!") </script> </body> </html>

弹出窗口 <html> <head> <script type="text/javascript"> function message() { alert("该提示框是通过 onload 事件调用的。") } </script> </head> <body onload="message()"> </body> </html>

查看浏览器版本 • <html> • <body> • <script type="text/javascript"> • var browser=navigator.appName • var b_version=navigator.appVersion • var version=parseFloat(b_version) • document.write("浏览器名称："+ browser) • document.write("<br />") • document.write("浏览器版本："+ version) • </script> • </body> • </html>

<html> <head> <script type="text/javascript"> function detectBrowser() { var browser=navigator.appName var b_version=navigator.appVersion var version=parseFloat(b_version) if ((browser=="Netscape"||browser=="Microsoft Internet Explorer") && (version>=4)) {alert("您的浏览器够先进了！")} else {alert("是时候升级您的浏览器了！")} } </script> </head> <body onload="detectBrowser()"> </body> </html>

参考 • http://www.w3school.com.cn/js/index.asp • 安装参考手册

第一章 WEB 技术概述 本章简要介绍 Web 基础知识、技术和标准 • INTERNET 简述 • WEB 基本知识 • WEB 浏览器与 WEB 服务器 • 动态网页及相关技术 • WEB 标准化 • 网页制作工具

1.1 Internet 简述1.1.1 Internet 定义 • Internet，中文正式译名为因特网，又叫做国际互联网。互联网是二十世纪的重大科技发明。 • 它是由那些使用公用语言互相通信的计算机连接而成的全球网络。一旦你连接到它的任何一个节点上，就意味着您的计算机已经连入Internet网上了。

在互联网发展史上，通常把１９６９年９月２日视为互联网的“诞生日”。那一天，由美国军方研发的“阿帕网”首次在加州大学洛杉矶分校实现了两台计算机间的数据交换测试。在互联网发展史上，通常把１９６９年９月２日视为互联网的“诞生日”。那一天，由美国军方研发的“阿帕网”首次在加州大学洛杉矶分校实现了两台计算机间的数据交换测试。 • Internet的迅猛发展始于20世纪90年代。由欧洲原子核研究组织CERN开发的万维网WWW被广泛使用在Internet上，大大方便了广大非网络专业人员对网络的使用，成为Internet发展的指数级增长的主要驱动力。

全球“网民”的数量已经超过了20亿。调研公司ForresterResearch2009年发布的报告显示，2013年全球网民数量将达到22亿，其中17%来自中国。全球“网民”的数量已经超过了20亿。调研公司ForresterResearch2009年发布的报告显示，2013年全球网民数量将达到22亿，其中17%来自中国。

1.1.2 IP 地址与域名 一、IP 地址：标识 Internet 每台主机的唯一地址，被写作点分十进制的形式，即四个字节被分开用十进制写出，中间用点分隔。其格式： 202.108.9.16

IPv4使用32位（4字节）地址，因此地址空间中只有4,294,967,296（232）个地址。不过，一些地址是为特殊用途所保留的，如专用网络（约18百万个地址）和多播地址（约270百万个地址），这减少了可在互联网上路由的地址数量。IPv4使用32位（4字节）地址，因此地址空间中只有4,294,967,296（232）个地址。不过，一些地址是为特殊用途所保留的，如专用网络（约18百万个地址）和多播地址（约270百万个地址），这减少了可在互联网上路由的地址数量。

IPv4依然是使用最广泛的互联网协议版本，直到2011年，IPv6仍处在部署的初期。IPv6是新一代的地址标准，提供了数量远远超过IPv4的公用地址池。IPv4依然是使用最广泛的互联网协议版本，直到2011年，IPv6仍处在部署的初期。IPv6是新一代的地址标准，提供了数量远远超过IPv4的公用地址池。

二、域名：通过为主机建立 IP 地址与域名之间的映射关系，使用户可以直接使用域名来访问主机。其格式：四级域名.三级域名.二级域名.顶级域名 www.sysu.edu.cn 因特网最高层域名分为机构性域名和地理性域名两大类，目前主要有14 种机构性域名。

1.1.3 TCP/IP 协议 • TCP/IP 协议是针对 Internet 开发的一种网络协议标准。包括以下两个子协议： • IP 协议：互连网协议，其基本任务是在 Internet 中传送 IP 数据包。IP 数据包包含数据、发送主机和接收主机的 IP 地址等。 • TCP 协议：传输控制协议，保证信息能够无差错地传输到目的主机上。 • 端口号：区分同一台主机上不同的 Internet 应用程序。例如 • 80 表示 HTTP 任务 • 21 表示 FTP 任务。

1.2 Web 基本知识1.2.1 Web 定义 • Web：是以 HTML 语言和 HTTP 协议为基础、提供面向 Internet 服务、支持一致用户界面的全球信息网络，具有交互性、动态性和多平台等特性。 • Web 包括 Web 客户机和 Web 服务器，其访问过程：用户输入网址（ HTTP 请求）→传输服务器→ 接收、处理→返回网页中山大学计算机科学系

1.2.2 HTTP 协议 • HTTP 协议是 Web 浏览器和服务器用来交换信息的一种 Internet 应用协议 • HTTP 协议的两个显著特性： • 无连接性：是指 Web 服务器对客户机的每次连接只处理一个请求。 • 无状态性：HTTP 协议不保存事务或状态，后续事务所需的状态信息必须在协议之外完成。

1.2.3 HTML 文档 • 超文本：也是普通文本，通过标签控制文本的显示格式，嵌入链接、声音、图像、视频、动画等多媒体信息 • 超链接：是指从一个网页指向另一个目的端的链接 • HTML 语言：超文本标记语言，用于描述网页。 • HTML 文档：常称为网页、页面，是符合 HTML 语言规则的超文本文件，其最常见扩展名是“.htm”和“.html”

1.2.4 网站 • 网站是多个网页的集合 • 4类网站： • 门户网站：综合性网站，如：www.163.com • 个人网站：以个人名义创建的网站 • 专业网站：具有很强专业性的网站，如：www.pconline.com.cn • 职能网站：具有专门功能（如政府职能、电子商务、搜索引擎等）的网站，如：阿里巴巴、当当网上商城 • 主页（首页）：只使用域名就可浏览到的第 1 个页面，如 http://www.sysu.edu.cn • 内页：通过主页中的超链接浏览的内部页面

1.2.5 网址 • URL：统一资源定位符，唯一确定 Web 资源的位置。格式： Protocol://Host:Port/Path http://www.sysu.edu.cn/2003/xxgk/xxgk.htm • URN：统一资源名，为 Web 资源给出一个唯一名。与 URL 不同，URN 与地址无关。 • URI：统一资源标识符，唯一标识 Web 中的资源。URI 是 URL 和 URN 的统称

1.3 Web 浏览器与 Web 服务器1.3.1 Web 浏览器 • Web 浏览器：显示网页、允许用户与网页互动的 Web 客户端程序。常用 IE、Firefox、Opera、Safari、Maxthon 和 Mosaic 等 • IE： IE 6.0（2001年8月）→IE 7.0（2006年11月） → IE 8.0（2009年3月） • Firefox：火狐，由 Mozilla 基金会与开源团体共同开发的 Web 浏览器。跨平台特色，常用 Firefox 3.X （2008年6月）

http://brow.data.cnzz.com/

评价浏览器：基本性能、常见功能、辅助功能、安全防护和高级性能五个方面评价浏览器：基本性能、常见功能、辅助功能、安全防护和高级性能五个方面

1.3.2 Web 服务器程序 • Web 服务器程序（ HTTP 服务器）：是指在Web 服务器主机上运行的、提供 Web 信息服务的程序。 • 最著名的 web 服务器是微软的 IIS 和免费的 Apache。它们都支持 ASP、PHP 和 JSP 等主流动态网站技术，但相对来说，Apache 支持的开发语言更多，而 IIS 则偏重于支持 ASP。

1.4 动态网页及相关技术1.4.1 客户端动态网页 • DHTML：是一种即使在网页下载到浏览器以后仍然能够随时变换的网页。 • 3个主要特征 • 动态样式：改变网页的外部显示特征 • 动态内容：更换显示的文本或图像 • 动态定位：移动文本、图像等页面元素 • DHTML技术：脚本语言（如 JavaScript、VBScript）、DOM 和CSS 等

1.4.2 服务器端动态网页 • 基于 Web 服务器角度，动态网页是指采用动态网站技术实时动态生成的网页 • 常用的动态网站技术 • ASP：微软，传统 ASP→ASP.NET（aspx） • PHP：具有开源、免费、简单、易扩展等特点，扩展名是 php。版本：PHP 5.X • JSP：具有简单易用、完全面向对象、跨平台和安全可靠等特点。与 ASP 类似，JSP 在 HTML 中嵌入 Java 程序段，从而形成 JSP 动态网页文件（*.jsp）。版本： JSP 2.X

1.5 Web 标准化1.5.1 什么是 Web 标准？ • Web 标准是指由 W3C 、ECMA 等标准化组织制订的一系列 Web 技术规范总称

网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。 • 对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。

1.5.2 制作符合 Web 标准的网页 • Web 标准化：在制作网页时遵循 Web 规范并采用相关理念 • 方法： • 采用 XHTML + CSS + JavaScript 技术，以实现网页结构、表现和行为的分离 • 正确使用 HTML 标签，即编写结构化的、有语义的 HTML • 使用 CSS 处理网页的外观 • 依靠 JavaScript 去增强、而不是替代网站的特征

web标准的优势 • 与未来浏览器的兼容 • 更简易的开发与维护 • 更快的网页下载、读取速度 • 更好的适应性 • 更好的可访问性

1.6 网页制作工具1.6.1 网页制作方式 • HTML 方式：使用纯文本编辑器直接编写HTML 代码 • 可视化方式：使用可视化制作工具和环境（如 FrontPage、Dreamweaver），以“所见即所得”的直观方式设计页面内容 • 操控方法：交替使用两种方式，先用可视化方式设计页面布局和内容，然后用 HTML 方式检查、修改自动生成的HTML代码

1.6.2 FrontPage 2003与 SharePoint Designer 2007 • FrontPage 2003：渐趋淘汰 • SharePoint Designer 2007（Expression Web）

1.6.3 Dreamweaver CS4 • Adobe Dreamweaver CS4与 Macromedia Dreamweaver 8.0 • 与 Flash、Fireworks 并称网页制作三剑客 • 注重对多种 Web 开发技术的支持，如ASP、ASP.NET、PHP、JSP 中山大学计算机科学系

JavaScript 是属于网络的脚本语言！ JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建 cookies ，以及更多的应用。