第8章网站建设ppt课件.ppt

第8章网站建设 本章学习目标本章主要讲解Internet常用软件的使用方法 通过本章的学习 读者应掌握以下内容 建立网站的具体步骤 HTML与CSS的基本知识 浏览器端编程方法 本章目录8 1网站的建立8 2网页的制作语言8 3级联样式表 CSS8 4网页脚本语言 JavaScript 8 1网站的建立建立网站的主要步骤如下 1 首先在Internet网上申请一个免费的主页空间和域名 2 在自己的计算机上设计 制作网页 3 当网页制作完成后 即可通过FTP客户端软件 将文件上传到Internet上 4 最后 将网站登记到搜索引擎上 为自己所做的网站进行宣传 返回本章目录 8 1 1网页及网站设计概述1 网页从专业角度看 网页是一种用HTML撰写的文档 HTML的全文是 HyperTextMarkupLanguage 中文意思为 超文本标记语言 超文本 意指页面内除文本外 还可包含图片 链接 甚至音频 视频等非文字元素 Internet用户访问网站时所看到的第一个网页 称作主页 Homepage或HomePage 庞大的WWW资源库中的所有信息 都是通过这种简单的 易于理解的超链接方式组织起来的 在Internet上进行网页浏览的过程如图8 1示意了浏览器与Web服务器之间的关系 返回本章目录 图8 1Web资源访问过程 2 网站规划设计规划网站时 一般应注意以下几点 1 HTML文件的显示效果与其自身版本 浏览器对HTML的处理方法有关 2 在确定网站的总体结构时 应遵循 层次分明 的基本原则 3 对一般网站而言 在选取材料时 应以文本信息为主 以多媒体材料为辅 返回本章目录 4 对主页要进行精雕细刻 5 网站的内容要经常更新 6 网页中的文本内容应简明扼要 3 网页的主要内容网页中的重要内容有 1 背景 2 文本 文本是一般网页中最主要的内容 与一般字处理软件类似 网页编辑软件也可以设置页面中文本的各种属性 此外 还可以设置段落格式 如行距 缩进 对齐方式等 当然 还可以将文本设置为超链接 3 表格 表格是将大量数据以简洁明快的方式展示给浏览者的有效方式 表格还是进行页面布局的有力工具 返回本章目录 4 框架 框架是进行页面布局的另一工具 借助框架 可将页面划分为若干区域 其中每个区域都对应一个独立的HTML文件 但框架是在HTML3 2及以上版本中的功能 需要IE4 0或NC4 0 才能正确显示 5 图像 图像是网页吸引访问者的重要手段 大小适中 制作精美的图像能够在很大程度上增加访问者的访问兴趣 最好用表格对图像位置进行精确定位 6 表单 表单用于从访问者处获取信息 表单中可包含按钮 文本框等 4 网页的优化优化的内容大致包括 减少数据量 改善视觉效果 提高网站对浏览器的兼容性等 返回本章目录 下面是几个常用的优化原则 1 正确选择图像格式 2 提供多个版本 3 优化配色方案 4 突出网站特点 一般情况下 对于提供专门资源的网站而言 进行内容取舍时应遵循 精 的原则 以求突出重点和特色 此外 在优化网站时 还应考虑如何为读者提供增值服务 返回本章目录 8 1 2免费网页空间的申请要建立网站首先必须在Internet上获得一块存储网站的空间 根据所制作网站用途的不同 目前有两种方式可获得存储空间 一种是租用虚拟主机 另一种是申请免费空间 1 选择免费网页空间的原则 1 测算自己的网站大致要多少存储空间 然后到相应的站点去申请 2 所选择的网站附带的免费服务越多越好 3 所申请的网站最好支持ASP 动态服务端网页 或PHP 并且还可以挂接数据库 4 访问速度越快越好 5 一定要选择能用FTP方式上传网页文件的站点 以便对网站进行维护 返回本章目录 6 应选择信誉度高的免费服务站点 2 如何查找提供免费个人网页的站点可以利用搜索引擎来查找提供免费个人网页的站点 例如 在浏览器的地址栏中输入 启动网易搜索引擎 然后依次选择 电脑网络 免费资源 免费建站资源 3 申请免费网页空间应尽可能在国内站点申请 按要求填写一些必要的资料 即可完成申请 顺便指出 目前有些空间提供商收取的费用十分低廉 如10元 月 应尽量为网站申请付费空间 以享受更为全面的服务 返回本章目录 8 1 3上传个人网页LeapFTP是一个功能丰富 性能稳定 操作简单的FTP客户端软件 十分适合一般用户使用 利用LeapFTP上传网页的一般步骤如下 1 下载LeapFTP安装程序 将其安装在本地计算机上 2 启动LeapFTP 3 在服务器网址栏输入空间提供商提供的FTP地址 用户名 User 口令 Pass 和端口号 Port 然后单击 连接到服务器 Connecttoserver 按钮 建立连接 4 传送文件连接成功后 LeaoFTP窗口与图8 4类似 完成对源文件 或目录 及目的位置的选择后 将所选源文件 或目录 直接拖动到目的位置释放即可完成上传任务 返回本章目录 图8 4利用LeapFTP访问远程目录 返回本章目录 5 完成上传后 单击 断开连接 DisconnectfromServer 按钮 断开与服务器的连接 然后退出LeapFTP 在上传网页文件时应注意以下几个方面的问题 l设计的网站中包含的所有文件都要全部上传 包括图片文件等 l网页文件在进行超级链接时一定要使用相对路径 l务必将个人网页的主页文件名设为空间提供商所指定的文件名 通常为index htm或default htm 需要特别强调的是最好全部用英文名字 l应保证网站各处的文件名 包括HTML文件中作为链接目标的文件名 是严格一致的 返回本章目录 8 1 4网站的宣传将网站登记到著名的搜索引擎上 是宣传网站的常用方法 下面以搜狐为例介绍如何将一个网站加入到搜索引擎上 1 在搜狐主页的右上角单击 网站登陆 链接 进入网页登记页面 2 在出现的页面中根据具体情况进行选择 逐级深入 最终进入资料填写页面 3 填写网站名称 网站地址 完成后单击 进行下一步 按钮 4 按要求填写其他信息 完成后单击 进行下一步 按钮 5 如果信息符合要求 则出现 提交成功 页面 6 如果信息被正确收入 可得到一封E mail 返回本章目录 8 2网页的制作语言8 2 1HTML语言的结构及语法规范8 2 1 1HTML语言的结构HTML 超文本标记语言 是一种描述文档结构的语言 它利用标签来描述文档结构 指定文档内容在浏览器中的显示格式 位置等 一个HTML文件包含两部分信息 其一是文本内容 其二即为标签 标签有分单独出现的标签和成对出现的标签两种 整个HTML文档由文档头和文档主体两部分构成 这两部分内容分别用标签和标签界定 文档头中包含文档标题等属性 文档主体则规定了将在浏览器窗口中显示的内容及其显示格式 返回本章目录 华北航天工业学院这是一个HTML的测试文件 返回本章目录 8 2 1 2HTML语言的语法规范在使用HTML时 应注意以下几点 lHTML文档的标签是可以嵌套的 l有些标签 例如 没有任何属性 而有些标签 例如 则可包含一个或多个属性 l在HTML中有三个字符具有特殊的意义 即 和 l元素名称对大小写不敏感 l一个标签可以有多个属性 属性及其属性值对大小写不敏感 不同属性间用空格分隔 lHTML文件中 有些标签只能出现在文档头部中 而绝大多数标签只能出现在文档主体中 返回本章目录 8 2 2网页中文本的基本格式下面介绍一些常用的有关Web页文本格式的标签 1 标签标签用来给网页命名 网页的名称将被显示在浏览器的标题栏中 2 标签标签是成对出现的 位于和之间的内容是HTML文档中的标题 标题文字都以粗体显示 上级标题总比下级标题更大些 具体大小与浏览器有关 返回本章目录 3 预格式化文本标签为预格式化标签 它是成对出现的 对位于和之间的内容 浏览器将严格按照编辑HTML文档时的字符及位置进行显示 图8 11有标签图8 12无标签 返回本章目录 4 和标签 BR 即Break 是换行标签 它是单独出现的 的作用相当于回车符 P 即Paragraph 段落 标签用于划分段落 作用是插入一个空行 它可以单独使用 也可以成对使用 5 标签标签是单独出现的标签 其作用是换行并画出一条水平线 该标签的属性有 size属性 width属性 align属性 color属性 返回本章目录 6 字符格式标签HTML文档的字符格式标签主要有 和四种 它们都是成对出现的 7 标签是字体标签 它是成对出现的 用于指定文本的字体大小 颜色等 该标签可包含若干属性 其中COLOR属性指定文字颜色 颜色可以用6位十六进制数表示 如 SIZE属性指定相对尺寸 返回本章目录 另外 如果用户想要设置网页的背景色和文字颜色 可以将标签扩充为其中 x 为6位十六进制数 代表颜色RGB red green blue 红 绿 蓝 值 其格式为rrggbb 8 2 3文档的超链接使用超链接技术可以使顺序存放的文件在一定程度上可被随机访问 就本质而言 超链接是在并无物理联系的两段文字或两个文件建立的逻辑联系 返回本章目录 8 2 3文档的超链接使用超链接技术可以使顺序存放的文件在一定程度上可被随机访问 就本质而言 超链接是在并无物理联系的两段文字或两个文件建立的逻辑联系 8 2 3 1统一资源定位器 URLURL UniformResourceLocator 即统一资源定位器 它是文件名的扩展 指出了文件在Internet中的位置 URL由协议名 服务器地址 文件在服务器中的路径 即目录 和文件名四部分构成 URL的格式为 返回本章目录 protocol machinename port directory 其中lprotocol是访问资源所采用的协议 即访问该资源的方法 它可以是 HTTP FTP等 lmachine name是存放资源主机的IP地址 通常以字符形式出现 如 lport是访问资源所使用的端口号 ldirectory和是资源的路径和文件名 与单机系统绝对路径 相对路径的概念类似 URL也有绝对与相对之分 绝对URL 相对URL是相对于当前访问的URL而言的 返回本章目录 浏览器在识别URL时 遵循下列规则 l当协议 http 被省略时 则认为与当前页面的协议相同 l当服务器名称被省略时 则认为是当前服务器 l当文件路径被省略时 则认为是当前目录 l当文件名被省略时 则认为是目录中的默认文件 8 2 3 2超链接1 链接到其他站点 文档 在HTML文档中 当需要链接其他文档时 应使用标签 其基本格式为 返回本章目录 zzz实际上这个 zzz 在HTML文件中充当的是指针的角色 通常被称为锚标 是链接的源点 在制作HTML文档时 需要知道目标的URL 对于Internet上的资源而言 在用浏览器查看时 将鼠标移至资源锚标处 其URL一般会在浏览器的状态栏中显示出来 此外 制作HTML文档时 对能够确定关系的一组资源 比如在同一个目录中 应采用相对URL 这不仅简单 而且便于维护 但是 引用外部资源时 只能使用绝对URL 返回本章目录 2 链接到本页的另一位置或其他页面中的特定位置 上面提到的超链接用于链接其他页面 这种链接方式称做远程链接 事实上 超链接可以指向本页面中的任何位置 这种链接方式叫做本地链接 在某一位置做 记号 需要使用下列格式的标签 name属性将放置该标记的地方标记为 KKK KKK是一个全文唯一的标记串 这样 就在放置标记的地方做了一个叫做 KKK 的 记号 做好 记号 后 可以用下列方法来建立指向它的超链接 转向下一处 返回本章目录 源文档在IE5中的显示效果如图8 14所示 当用户单击锚标 电子邮件 后 浏览器将载入目标文件并自标记位置开始显示 如图8 15所示 返回本章目录 图8 14源文档的显示效果图8 15目标文档的显示效果 8 2 4在网页中使用图像1 在网页中显示图像在浏览器上显示的图像必须满足特定的格式 目前使用的浏览器通常支持GIF和JPEG格式的图像 在网页中加入图像所用的标签是 该标签的主要属性有 src属性 height属性 width属性 border属性 alt属性下面通过一个示例来说明标记的使用方法 图像的文件名为 cake jpg 它是当前目录下的子目录中的文件 其HTML源文件如下 返回本章目录 测试网页生日快乐 返回本章目录 顺便指出 如果在同一文件中需要反复使用一个相同的图像文件时 最好在标记中使用相对URL 而不使用绝对URL 图8 16标签功能示意图 返回本章目录 2 将图像设置为锚标如果在超链接标签和的中间放置一个标签 则可生成一个图像锚标 例如 8 2 5框架页面框架能够将浏览器窗口划分成数个相对独立的子窗口 每个子窗口可以显示不同的页面 用框架划分屏幕空间可以优化页面的视觉效果 并可有效地提高屏幕利用率 返回本章目录 与框架有关的HTML语法为 其中 可以在用户浏览器不支持框架结构时显示一些信息 以免用户对空白窗口不知所措 该标签是成对出现的 位于和之间的内容就是网页编辑者希望告诉用户的信息 例如 您的浏览器不支持框架显示 等 返回本章目录 子窗口由指定 并且可以嵌套 将在子窗口中显示HTML文档的URL由标签的src属性决定 8 2 6表单8 2 6 1标签表单标签是成对出现的 位于和之间的内容就是一个表单 标签有action和method两个属性 1 action属性该属性用于规定服务器方用于接收表单信息的程序文件名 包括路径 返回本章目录 例如 表单 被提交后 Web服务器上的 login asp 就将开始运行 以接收用户输入的信息 2 method属性该属性用于规定表单信息的传送方式 属性值可为post或get 默认值为get 在与之间 可以使用除以外的任何HTML标签 这一特点使得表单可以具有非常丰富的格式 返回本章目录 在FORM的开始与结束标记之间 除了可以使用以前介绍的那些标签外 还有三个特殊标签 即INPUT 用于在浏览器窗口中定义一个可以供用户输入的单行文本框 单选钮或复选框等等 SELECT 用于在浏览器窗口中定义一个列表框 和TEXTAREA 用于在浏览器窗口中定义多行文本框 8 2 6 2标签是表单中最常用的标签 它是一个单独使用的标签 必须嵌套于表单中 用于定义一个输入域 通常在网页上所见到的文本框 按钮等都是由这个标记定义的 返回本章目录 下面是INPUT标签的标准格式 其中type属性用于指定该输入域的输入方式 如文本框 单选钮或复选框等 1 文字和密码输入 返回本章目录 图8 18文字和密码示例 属性name 姓名 定义了文本框在这个表单中的名字叫 姓名 当用户在这个文本框中输入信息并送到Web服务器后就激活了相应的程序 属性value HTTP 表示该文本框的默认值为 HTTP 对密码输入框而言 用户输入的任何字符 都将被显示为 此外 有时还需要限制用户输入字符串的长度 此时应设定maxlength 最大长度 属性 例如 一般汉族人的姓名至多为四个汉字即8个半角字符 如姓名 返回本章目录 图8 19单选钮和复选框用法示例 重选 按钮可执行 重置 操作 即当用户单击此按钮后 表单中所有输入域中的信息将被重新设置为默认值 以便用户重新输入信息 重置按钮的格式为 返回本章目录 8 2 6 3标签和标签标签必须嵌套于标签中使用 用于定义列表框 标签必须成对使用 而标签必须嵌套标签中使用 用于定义将出现在列表框中的内容 在标签中 如果包含multiple 则意味着列表框支持同时选择多项的操作 而在默认情况下 只允许选择单项在标签中 如果包含selected 则意味着该选项在初始状态下是被选择的 返回本章目录 图8 20列表框用法示例 8 2 7表格表格是HTML文档中的重要元素 它除具有一般表格的功能外 还经常被用于编排版面 图8 21示意了一个简单的表格 该表格由三部分组成 标题 Caption 表头和表数据 其中 标题用于概述表格内容 功能等 可视需要取舍 表头用于定义列标题 也可视需要取舍 表数据是表格的主要内容 一般是必须的 在HTML中 组成表格的小方格称为单元格 Cell 用于分割空间以构成表格的直线称为框线 Border 返回本章目录 返回本章目录 图8 21表格示例 8 2 7 1HTML表格的语法结构与表格有关的许多标签都需要嵌套使用 一个单元格是通过标签 标签和 或 标签嵌套定义的 其描述定位顺序是表 行和列 学生基本情况表姓名性别出生日期 返回本章目录 返回本章目录 8 2 7 2与表格有关的标签1 标签标签是表格的标识符 用于界定表格的范围 标签可以嵌套在标签中 以构造表中表 标签的主要属性有 border属性 cellspacing属性 cellpadding属性和width属性 2 标签标签应成对出现 位于和标签之间的内容为表格标题 标签有两个可选属性 align和valign 其中 align的值可为left right或center valign的值可为top或bottom 3 标签标签是成对出现的标签 用于界定表格中的行 标签有两个可选的属性 align和valign 返回本章目录 4 标签和标签标签和标签都是用来定义单元格的 都是成对出现的标签且应嵌套在标签内使用 这两个标签内几乎可以包含所有的HTML标签 包括标签 在默认情况下 所界定的单元格中内容将被加粗显示 除此之外 标签与标签的的属性 功能是完全相同的 或 标签还有两个属性 一个是width属性 另一个是height属性 此外 还可以用 或 的rowspan属性 colspan属性来定义复杂表格 返回本章目录 4 标签和标签标签和标签都是用来定义单元格的 都是成对出现的标签且应嵌套在标签内使用 这两个标签内几乎可以包含所有的HTML标签 包括标签 在默认情况下 所界定的单元格中内容将被加粗显示 除此之外 标签与标签的的属性 功能是完全相同的 或 标签还有两个属性 一个是width属性 另一个是height属性 此外 还可以用 或 的rowspan属性 colspan属性来定义复杂表格 返回本章目录 8 3级联样式表 CSS级联样式表 CasdingStyleSheet 简称CSS 是以HTML为基础的语言 用于定义网页中内容的格式 其主要特点是 可以独立地为网页中的各种对象定义格式 并可将一种格式用于多个网页 IE3 0和NC4 0及以后的版本都支持CSS CSS克服了HTML文档内容与格式说明相混合的缺陷 且提供了远比HTML丰富的格式 此外在使用方法上 也比HTML灵活了许多 定义CSS样式时 不必考虑浏览器的兼容性 不支持CSS的浏览器能够自动忽略CSS样式 返回本章目录 8 3 1样式定义的语法规则1 选择符的定义方法下面是一个HTML文档的头部 其中通过CSS 对HTML标签和的格式进行了修改 CSS示例H1 color red H2 color green 位于和之间的部分就是样式定义 其中 H1和H2称为选择符 color称为属性 red green则称为属性值 样式定义的一般格式如下 选择符 属性 值 属性 值 返回本章目录 2 选择符的分类第一类选择符为HTML标签名 如P BODY A等 第二类选择符为类 可以使同一元素具有不同的格式 与元素相关联的 称为相关类选择符 反之称为独立类选择符 第三类选择符为ID 其功能与独立类选择符相同 定义方法也类似 只是定义时 以 而不是以 开始 ID选择符对JavaScript提供了较强的支持 如果不需编写浏览器端脚本而只是用CSS指定格式 则应选择类选择符 3 选择符的组合 继承和关联在定义选择符时 如果需要赋予某些操作符一些相同的属性值 则可以进行组合声明 在文档中 选择符是可以嵌套的 在嵌套结构中 除另有定义的情况外 位于内层的选择符将自动继承外层选择符的格式 返回本章目录 当两个或多个选择符嵌套使用时 可能需要使嵌套结构中位于内层选择符中的内容具有某种特定的格式 这时可以对选择符进行关联定义 增加关联格式说明前后的源文档在浏览器中的显示效果如图8 22及8 23所示 图8 22未关联选择符的嵌套效果图8 23关联后选择符的嵌套效果 返回本章目录 8 3 2样式表的定义模式在上面的举例中 样式定义是在标签中进行的 事实上 可以采用若干种模式进行样式定义 1 在HTML文档的头部定义样式这就是前面举例中采用的模式 在此不赘述 2 在HTML标签内定义样式可以在HTML标签内加入临时有效的样式 采用这种方式所定义的样式不是永久有效的 3 在独立的样式表文件中定义样式可以将样式定义存储在独立文件中 建立样式表文件后 就可以在多个HTML文档中进行调用 这种方法的最大优点是 可以十分便捷地对大量网页的格式进行修改 只要这些网页调用了相同的样式表文件 返回本章目录 一个简单的样式表文件内容如下所示 P font family 华文隶书 d center text align center 如果上面样式表文件的文件名为sample css 且与下列源文档共处同一目录 则可以用链接方式或导入方式引用 链接方式 导入方式 返回本章目录 8 4网页脚本语言 JavaScript8 4 1JavaScript的基础知识1 脚本语言概述脚本是一种可以完成某些处理和计算功能的小程序段 与一般的编程语言不同 这些程序在运行前不需要一次性编译 而是在运行过程中被逐行解释 执行 在脚本中所使用的命令和语句称为脚本语言 脚本语言是对HTML的一个重要补充 就语法规范和语句格式而言 脚本语言的语法与一般的编程语言并没有什么区别 只是为了保证安全 脚本语言不提供可能给浏览器方带来重大损失的编程资源 目前比较流行的脚本语言有网景公司 Netscape 的JavaScript和微软公司 Microsoft 的VBScript 返回本章目录 JavaScript是基于浏览器 基于对象的编程语言 可用于开发浏览器端应用程序VBScript是Microsoft公司在VisualBasic编程语言的基础上设计的 NC仅支持JavaScript 而IE同时支持JavaScript和VBScript 此外 在处理自定义对象时 JavaScript比VBScript能提供更多的属性和方法 2 JavaScript的特点JavaScript的主要特点如下 JavaScript采用事件驱动机制 事件驱动的意思是 当事件发生时 JavaScript将作出响应 JavaScript是安全的语言 它不能对用户文件进行修改 删除等操作 JavaScript是与平台无关的语言 JavaScript不依赖于具体的平台 它只依赖浏览器 返回本章目录 3 初识JavaScript嵌入HTML文档的JavaScript代码实际上是作为HTML文档的一部分存在的 在用户使用浏览器浏览包含JavaScript代码的Web页面时 浏览器自动对该HTML文档进行解析 并执行其中的JavaScript代码 返回本章目录 JavaScript测试JavaScriptHello WebWorld 返回本章目录 上面源文档在浏览器中的输出结果如图8 27所示 图8 27一个JavaScript的例子 返回本章目录 8 4 2JavaScript语言8 4 2 1JavaScript的数据类型JavaScript是一种弱类型的语言 不必事先声明常量或变量的数据类型 在使用或赋值时 JavaScript会自动为常量或变量选择最适合的类型 JavaScript有以下几种基本数据类型 1 数值型包括整型数值和实型数值 2 字符串型指用单引号或双引号扩起来的零个或多个字符 3 布尔型其值仅可为 真 或 假 分别用true或false表示 4 空值代表什么也没有 空值用null表示 返回本章目录 8 4 2 2JavaScript的变量1 命名规则JavaScript规定 变量名可由字母 数字和下划线组成 但首字符必须是字母或下划线 变量名不能与JavaScript中的关键字发生冲突 为增强程序的可读性 变量名尽量使用能代表变量意义的字符 在多数情况下 变量名是区分大小写的 但是 有些版本的JavaScript 其变量名对大小写不敏感 2 定义方法在JavaScript中 用var定义变量 格式如下 var变量名 或者var变量名 初始值 3 作用域变量的作用域限定了变量的有效范围 JavaScript中的变量有全局和局部两种 返回本章目录 8 4 2 3JavaScript的常量JavaScript常量分为四类 整型 浮点型 布尔型和字符串型 下面分别加以说明 1 整型常量在JavaScript中 整数可以用十进制 八进制数和16进制数三种进位制表示 2 浮点型常量浮点数可以用一般的小数格式表示 也可以用科学计数法表示 3 布尔型常量布尔型常量只有两个可能的值 true和false 4 字符串型常量字符串常量是用单引号或双引号括起来的零个或多个字符组成 返回本章目录 如果字符串中含有单引号或双引号 可在引号前加字符 如果字符串中包含字符 则应写为 通常字符串大多用双引号定界 但在特殊情形下 用单引号为字符串定界会给编程带来方便 8 4 2 4编程规则及注意事项JavaScript是一种自由格式的语言 其语句以 为结束标记 为了增加程序的可读性 最好把源码分行并按一定的缩进格式编排 在JavaScript源码中 包括在 及 之间的内容为注释 对于不折行的注释文本 也可以选择以 引导 在 之后直到行尾的文本都会被浏览器视为注释内容 在JavaScript中 如果用到了复合语句 则必须将其用大括号括起 返回本章目录 8 4 2 5JavaScript的运算符运算符的操作对象一般称为算子 operand 算子可以是常量 变量或下文将要介绍的表达式 根据所需算子数目的不同 还可将运算符分为单目 unaru 和双目 binaru 运算符两类 如果在一个运算式中混合使用了多种运算符 则在进行运算时 运算符的操作顺序应遵循一定的规则 即不同的运算符有不同的优先级 precedence 1 算术运算符算术运算符专门用于数字运算 运算结果也是数字 2 位运算符位操作运算符将整数值视为二进制数进行运算 3 复合赋值运算符复合赋值运算符用于为变量赋值 返回本章目录 4 比较运算符比较运算符用于判断两个算子之间是否存在某种关系 5 逻辑运算符逻辑运算符的操作对象是布尔型数据 返回结果也是布尔型数据 6 运算符的优先级运算符的优先级决定同一算式中所有运算符的运算次序 相同优先级的运算符以结合律 associativity 决定运算结果的传递方向 在所有运算符当中 括号 具有最高的优先级 8 4 2 6JavaScript的表达式在程序设计语言中 表达式 expression 是指一由常量 变量 函数 运算符等单元构成的算式 返回本章目录 在概念上 表达式可以分为两类 一是可计算其值的式子 另一是先计算出一值 然后将其赋给一个变量的式子 JavaScript支持算术表达式字 符串表达式和逻辑表达式三类表达式 在JavaScript中 经常用到一种被称为条件表达式的表达式 这种表达式由三个子表达式组成 表达式的值是后两个子表达式的值中的一个 究竟取哪一个 则取决于第一个表达式的值 例如status age 18 成年 未成年 对上述表达式而言 如果age大于或等于18 则status的值为 成年 否则为 未成年 返回本章目录 8 4 2 7JavaScript程序流程控制JavaScript提供的程序流程控制语句分别是if switch for do和while语句 1 条件语句 1 If语句 If语句是一个条件判断语句 它可根据条件表达式的值在两个语句块中择一执行 其格式如下 If expr code block1 else code block2 if语句可以嵌套 即在if语句的语句块中 返回本章目录 2 switch语句 switch语句用于进行多分支选择 其格式如下 switch expr case值1 code block1break case值2 code block2break case值3 code block3break case值n code blocknbreak default code block 返回本章目录 2 循环语句有许多时候 一个语句块需重复执行多次 每次执行仅改变部分参数的值 可以使用循环语句完成此类任务 1 for语句 2 while语句 while语句用于实现 当型 循环 3 do while语句 do while语句与while语句所执行的功能类似 唯一的不同之处是do while属于先执行 后判断类型的循环控制语句 即无论条件表达式的值如何 其循环体至少执行一次 3 转移语句 1 break语句 break语句的作用是使程序跳出各种循环 2 continue语句 有时 当某种条件满足时 在循环体中 希望跳过循环体中剩余的代码 注意 不是终止循环 这时可以使用continue语句 返回本章目录 8 4 3JavaScript中的函数函数 function 是能完成某种特定功能的语句组合 JavaScript内置有许多数学及常用函数 也可以自定义函数 1 自定义函数程序员可以将能完成特定功能的语句块定义为函数 以供在程序中调用 定义语法如下 functionfunctionname arg1 arg2 code block returnexpr 2 内部函数JavaScript脚本语言所固有的 并且与任何对象无关的函数 称为内部函数 JavaScript提供了许多内部函数供程序员调用 由于篇幅所限 仅以函数IsNaN 为例说明内部函数的使用方法 返回本章目录 8 4 4JavaScript的事件1 JavaScript的事件JavaScript采用事件驱动机制 该机制的重要意义之一 是程序员可以捕捉用户在窗口中的 指指点点 从而获知用户需求 然后再编写能满足用户需求的代码 以为用户提供服务 JavaScript的事件驱动机制主要用于表单 基本上 表单中的输入域都各有相应的事件 以响应用户操作 为页面对象设置事件处理程序的一般格式如下 其中 TAG为某个HTML标签 并非所有的HTML标签都有对应的事件 有对应事件的标签多属于表单中的输入域 而像BODY FRAMESET等也有对应的事件 EventHandler为事件名称 例如被点选 鼠标经过其所在区域 获得或失去焦点等都有对应的事件名称 返回本章目录 2 事件处理程序举例下面的源文档被载入浏览器后 将首先在窗口中显示一个按钮 单击该按钮后 将弹出一个要求输入的对话框 输入文本后 在浏览器窗口中将显示应答结果 8 4 5JavaScript中的对象8 4 5 1基本概念在程序设计语言中 对象是具有属性 数据 和行为方式 方法 的实体 描述一个对象时 需要涉及到对象的属性 方法和事件 在JavaScript中 浏览器窗口 Windows 本身就是一个对象 被载入浏览器窗口的文档 Document 是对象 文档中的表单 Form 表单中的按钮 Button 等也是对象 在JavaScript中 还有一种创建对象的模板对象 这个模板中定义了对象的属性和方法 返回本章目录 定义一个新对象的语法如下 对象的变量名 new对象类型 可选参数 访问对象属性的语法如下 对象的变量名 属性名访问对象方法的语法如下 对象的变量名 方法名 可选参数 8 4 5 2String对象String对象是JavaScript中常用的内置对象 程序员甚至可以不用new就可创建字符串对象 值为字符串的的变量实际上就是一个字符串对象 String对象的唯一属性是length 该对象提供了许多字符串操作方法 这些方法可分为三类 即操作方法 显示方法和将字符串转换为HTML元素的方法 返回本章目录 8 4 5 3Array对象Array对象即数组对象 数组是一个有相同类型的 有序数据项的数据集合 是进行程序设计的重要工具 各种程序设计语言无一例外地以某种方式支持数组 例如 要将数组myarray中的100个元素均赋0值 只要使用下列语句即可 For vari 0 i 99 i myarray i 0 在JavaScript中的Array对象允许用户创建和操作数组 在数组创建之后 可以使用 标识符访问数组中的各个元素 8 4 5 4Math对象Math对象所提供的属性和方法在进行数学运算时非常有用 它有很多的方法和属性 如sin cos abs PI max min 等 返回本章目录 8 4 5 5Date对象Date对象为程序员提供浏览器的系统日期和时间等信息 Date对象通常用于设计对时间敏感的网页 定义Date对象的语法如下 vardate1 newDate 在默认情况下 日期时间格式为DayMonthDateHoursMinutesSecondsYear8 4 5 6HTML对象HTML对象模型定义了表达网页及其元素的对象 通过HTML对象 JavaScrip几乎可控制网页的所有细节 HTML对象是按照层次结构组织的 图8 45为其结构示意图 返回本章目录 图8 45HTML对象模型HTML对象模型中的对象具有一般对象的特征 都拥有属性 方法和事件 例如 document对象有它自己的属性 并且有些属性的本身也是对象 返回本章目录 1 window对象window代表浏览器中一个打开的窗口 通过使用该对象可以获得当前窗口的状态信息 文档信息和浏览器信息 通过引用该对象的属性可以控制其他对象的属性 进而控制整个网页的外观以及对事件的响应 下面分别介绍window对象的属性 方法和事件 1 window对象的属性 window对象的主要属性有 name parent openner self top和status属性 2 window对象的方法 window对象的主要方法有 lalert 用于显示一个包含提示信息和确定按钮的对话框 lconfirm 用于显示一个包含提示信息 确定和取消按钮的对话框 lprompt 用于显示一个包含提示信息 文本框 确定和取消按