。 以下为各种选项： left 指将要素左对齐 right 指将要素右对齐 center 指将要素居中 控制垂直对齐 H4 { vertical-align: top } 垂直对齐可以使你控制文字或替代要素（比如图象）相对于其母体要素的的垂直位置。例 如，如果你将一个 2x2 象素的 GIF 图象同其母体要素文字的顶部垂直对齐，则该 GIF 图象 将在该行文字的顶部显示。 以下为各项参数： top 将要素顶部同最高的母体要素对齐。 bottom 将要素的底部同最低的母体要素对齐。 text-top 将要素的顶部同母体要素文字的顶部对齐。 text-bottom 将要素的底部同母体要素文字的底部对齐。 baseline 将要素的基准线同母体要素的基准线对齐。 middle 将要素的中点同母体要素的中点对齐。 sub 将要素以下标的形式显示。 super 将要素以 上标的形式显示。 13.4 文字缩行 P { text-indent: 40%} 该属性只应用于整块的内容。你可以使用任何一种熟悉的长度单位设定缩行。你还可 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 9 7 以使用比例参数。 例如，本例的缩行为 40％的比例，即第 1 行的起始位置比其正常位置缩进了 40％,如果 你将文字缩行赋予一个负值，则文字第 1 行的起始位置比其正常位置还偏左. 13.5 控制边距,边框和空白填充 我们看一下边距,边框,空白填充的定义: 围绕要素的空格填充（padding） 围绕空格填充的边框（border） 围绕边框的边距（空白－margin） 图示如下: 控制顶边距、底边距、左边距和右边距 这 4 项属性可以使你控制一个要素的四周的边距。如下： H4 { margin-top: 20px; margin-bottom: 5px; margin-left: 100px; margin-right: 55px } 设定边距参数值最明显的方法是利用长度位：px(象素）、pt（点数）等。你也可以用比例 值设定边距。 控制顶空格填充，底空格填充，左空格填充和右空格填充 空格填充的作用类似于边距控制，你可以设定一个要素的前后左右的空格填充的尺寸。 H4 { padding-top: 20px; padding-bottom: 5px; padding-left: 100px; padding-right: 55px } 控制位于边距和空格填充之间的边框 控制顶边框宽度，底边框宽度，左边框宽度和右边框宽度 你可以控制整个边框的宽度，也可以分别控制每一边的边框宽度： H4 { border-top-width: 2px; border-bottom-width: 5px; border-left-width: 1px; border-right-width: 1px } 如果你想使边框四面应用相同的宽度，很简单，使用 border-width 标签就可一次完成，例： IMG { border-width: 2px } 设置边框颜色 P { border-color: green; border-width: 3px } 如果你想使边框的四边显示不同的颜色，你可以在设置中分别列出各种颜色： P { border-color: #666699 #FF0033 #000000 #FFFF99; border-width: 3px } 浏览器将第1 种颜色理解为顶边框的颜色参数值，第 2种颜色为右边框，然后是底边框，然 后是左边框。 边框样式 你还可以设定边框线的样式，例如： P { border-style: double; border-width: 3px } 可以使用的关键字参数值如下： 线型和样式代码如下: 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 9 8 13.6 综合例子 代码: cssStyle.css p.wrodsp10{word-spacing:10px} p.wrodsp20{word-spacing:20pt} p.lettersp10{letter-spacing:10pt} p.lettersp20{letter-spacing:20pt} p.lineH{line-height:40pt} h5.left{text-align:left} h5.right{text-align:right} h5.center{text-align:center} p.textindent{text-indent:4%} p.margin { margin-top: 20px; margin-bottom: 5px; margin-left: 100px; margin-right: 55px } p.padding { padding-top: 20px; padding-bottom: 5px; padding-left: 100px; padding-right: 55px } p.border { border-color: green; border-style: solid; border-top-width: 2px; border-bottom-width: 5px; border-left-width: 1px; border-right-width: 1px } p.double { border-color: blue; border-style: double; borde-width:2; } cssStyle 字体定位.html cssStyle 字体定位 word spaceing is 10
word spaceing is 20
letter spaceing is 10
letter spaceing is 20
生活的理想,
就是理想的生活!
既然选择了远方,便只顾风雨兼程!
寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 9 9 既然选择了远方,便只顾风雨兼程!
既然选择了远方,便只顾风雨兼程!
有一对兄弟，有一天他们出去爬山,然后一起回家。 他们的家住在八十层楼，他们一人背着一大包的行李回家，却发现大楼停电了。 于是哥哥就说:弟弟，我们一起爬楼梯上去吧。 于是他们就一起爬上去。 到了二十楼的时候， 哥哥又告诉弟弟: 包包太重了，我们把它放在二十楼，我们爬上去，明天再下来拿。 弟弟说: 好。
于是他们就把他们的包包放在二十楼，继续往上爬。 到了四十楼，弟弟开始抱怨，于是就跟哥哥吵起来了。 他们边吵边爬，爬到了六十楼， 哥哥就对弟弟说:只剩二十层楼了，我们不要吵了，默默的爬完它吧 !! 于是他们就各走各的，终于到了家门口。 哥哥就摆出了很帅的姿势:弟弟开门。 弟弟就对哥哥说: 别闹了，钥匙不是在你那儿。 结果，他们把钥匙留在二十楼的包包里了。
于是他们就把他们的包包放在二十楼，继续往上爬。 到了四十楼，弟弟开始抱怨，于是就跟哥哥吵起来了。 他们边吵边爬，爬到了六十楼， 哥哥就对弟弟说:只剩二十层楼了，我们不要吵了，默默的爬完它吧 !!
于是他们就把他们的包包放在二十楼，继续往上爬。 到了四十楼，弟弟开始抱怨，于是就跟哥哥吵起来了。 他们边吵边爬，爬到了六十楼， 哥哥就对弟弟说:只剩二十层楼了，我们不要吵了，默默的爬完它吧 !!
我想看一下:htmlCode\cssStyle 字体定位.HTML 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 0 0 第十四讲 控制颜色和背景 我们在这一讲的主要焦点将放在颜色和背景的控制上,我们这一讲将学习以下内容: 颜色 背景色 背景图片的添加和控制 14.1 颜色 颜色属性并不陌生，它的用法很象 HTML 中使用的参数值。 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 0 1 B { color: #FF0000 } 这个例子的效果是网页中对加粗字体使用指定的颜色(#FF0000)显示。 14.2 背景色 利用 CSS 在网页要素后面加入固定的背景色及图象,你甚至可以将要素只加到某一个单词后 面. P.yellow { background-color: #FFFF66 } 14.3 背景图片 你可以很轻松地将 GIF 或 JPEG 图片设置成背景图片: B { background-image: url(background.gif) } 该规则将背景图象加到整个段落之后。你可以将 GIF 图象采用和背景图象通常的设置类似 的方法平铺到文字后面,你还可以将背景图象只添加到两个单词后面. 你可以使用URL调用一幅图象，你既可以使用相对 UPL，例如 images/bg.gif或完整的URL, 例如 http://www.webmonkey.com/images/bg.gif. 14.4 控制背景图片 你不仅可以将图象放在要素后面，你还可以精确地控制背景图象的各项设置。你可以 决定是否及如何将其平铺，背景图象应该滚动还是保持固定，及将其放在什么位置。 背景重复(background-repeat) P { background-repeat: no-repeat; background-image: url( background.gif) } 上述规则应用于整个段落。我们以前用过的 GIF 图象出现在文字后面，但由于我们应 用了不重复图象（no-repeat)规则，所以该图象不会重复平铺在整个段落后面，它只显示一 幅单独的图象。 如果你只想让图象垂直或者水平方向平铺，你以使用 repeat-x 将其水平平铺，用 repaet-y 将其垂直平铺。而 repeat 参数值则将图象从水平和垂直两个方向平铺。 固定背景（background－attachment） 在 HTML 中，背景图象通常会随页面的滚动而一起滚动。但利用 CSS 的固定背景 （background）属性，你可以建立不滚动的背景图象，页面滚动时，背景图象可以保持固 定。 BODY { background-attachment: fixed; background-image: url(background.gif) } 这个例子你可以看到页面滚动时，背景仍保持固定。 其参数有两种选择： scroll 指背景图象随文字内容一起滚动，即通常所见的方式。 fixed 指文字滚动时，背景图象保持固定。 背景定位(background-position) 你可以设定将背景插在什么位置显示。 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 0 2 P { background-position: center bottom; background-image: url (background.gif) } 当上述 CSS 规则应用于本段文字时，背景图象将在本段的中下部开始显示并向右平铺。 设定位置的 3 种方法： 关键字参数（Keyword values） 关键字设定方法简便易用： top 将背景图象同前景要素的顶部对齐。 bottom 将其同前景要素的底部对齐。 left 将其同左边对齐。 right 将其同右边对齐。 center 将其水平居中（如果使用在另一关键字前面）或垂直居中（如果用在另一关键字 后面）。 长度参数 长度参数可以使用你对背景图象的位置作出更精确的控制。你可以设定水平和垂直定 位起点，例： P { background-position: 70px 10px; background-repeat: repeat-y; background-image: url (background.gif) } 将 GIF 图象设置在从左上角起水平 70 象素，垂直 10 象素的位置。由于我设置了 background-repeat: repeat-y，GIF 图象将在文字后垂直平铺。 比例值（Percentage values） 你还可以使用比例值设定背景图象的位置，例： P { background-position: 75% 50%; background-image: url (background.gif) } 当这条 CSS 规则应用于本段时，背景图象从水平距离段落右端 70％，垂直距离段落顶 部 50％的位置显示。如果你重新调整浏览器窗口的尺寸，使得段落的显示尺寸变化， 背景图象的位置也相应发生变化。 14.5 综合例子 代码: cssStyle.css /* 颜色和背景*/ b.color{color:blue} p.yellow{background-color:yellow} p.image{background-image:url(caomei.jpg)} p.imagenorep{background-repeat:no-repeat;background-image:url(caomei.jpg)} body.fiximage{background-attachment: fixed; background-image: url(caomei.jpg)} body.scrollimage{background-attachment: scroll; background-image: url(caomei.jpg)} cssStyle 颜色和背景.html cssStyle 字体定位 既然选择了远方,便只顾风雨兼程! 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 0 3 江雪
千山鸟飞绝,
万径人踪灭.
孤舟蓑笠翁,
独钓寒江雪.
江雪
千山鸟飞绝,
万径人踪灭.
孤舟蓑笠翁,
独钓寒江雪.
江雪
千山鸟飞绝,
万径人踪灭.
孤舟蓑笠翁,
独钓寒江雪.
我想看一下:htmlCode\cssStyle 颜色和背景.HTML cssStyle 控制图片背景 fix.html 控制图片固定背景 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 0 4 有一对兄弟，有一天他们出去爬山,然后一起回家。 他们的家住在八十层楼，他们一人背着一大包的行李回家，却发现大楼停电了。 于是哥哥就说:弟弟，我们一起爬楼梯上去吧。 于是他们就一起爬上去。 到了二十楼的时候， 哥哥又告诉弟弟: 包包太重了，我们把它放在二十楼，我们爬上去，明天再下来拿。 弟弟说: 好。 于是他们就把他们的包包放在二十楼，继续往上爬。
到了四十楼，弟弟开始抱怨，于是就跟哥哥吵起来了。 他们边吵边爬，爬到了六十楼， 哥哥就对弟弟说:只剩二十层楼了，我们不要吵了，默默的爬完它吧 !! 于是他们就各走各的，终于到了家门口。 哥哥就摆出了很帅的姿势:弟弟开门。 弟弟就对哥哥说: 别闹了，钥匙不是在你那儿。 结果，他们把钥匙留在二十楼的包包里了。
这个故事其实在反映我们的人生, 有很多人在二十岁以前是活在家人的期望和老师的期许之下, 背负着很多的压力; 在二十岁之后离开了众人的压力, 开始满腔的热血, 开始有很多的梦想要完成; 可是工作了二十年后, 开始发觉工作不如意... 于是就开始抱怨老板、抱怨公司、抱怨社会、抱怨政府。 就在这抱怨中又渡过了二十年。 于是告诉自己，六十岁了没什么好抱怨的了，就默默的走完自己的这些年吧。 到了八十岁快要死掉的前夕，才想起自己好像有什么事还没完成 ....... 原来，他二十岁的梦想还没有完成。
所以， 希望现在的你 ....充满着理想...充满着热情 ....去做自己想做的事。 人生短短数十载 ,也没有什么好担心的不是吗 ? 尤其是在经历那么多的遭遇 , 更应该能体会 , 把握现在。
记得吗 ? 今天就是礼物!
我想看一下:htmlCode\cssStyle 控制背景图片 fix.HTML 我们在上面的代码中修改以下可以实现背景的滚动 我想看一下:htmlCode\cssStyle 控制背景图片 scroll.HTML 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 0 5 第十五讲 要素的定位 在 html 中定位文本和图片是很困难的,但在 css 样式表中进行要素的定位是很方便的.所 有我们这一讲主要讲述以下内容: 绝对定位和相对定位 宽度,高度,可视性控制 15.1 绝对定位 定位（左边和顶部） H4 { position: absolute; left: 100px; top: 43px } 这项 CSS 规则让浏览器将的起始位置精确地定在距离浏览器左边 100 象素，距离其顶 部 43 象素的位置。 注意这里唯一设置了的是左边和顶部，也就说，文字将从左到右，从上到下载入浏览窗 口。 15.2 相对定位 绝对定位使你能精确地定位要素在页面的独立位置，而不考虑页面其它要素的定位设 置。相对定位指你所定位的要素的位置相对于在文件中所分配的位置。例： I { position: relative; left: 40px; top: 10px } 相对定位的关键在于定位了的要素的位置是相对于它通常应在的位置进行定位。如果你停 止使用相对定位，则文字的显示位置将恢复正常。 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 0 6 15.3 控制要素的宽度 DIV { position: absolute; left:200px; top: 40px; width: 150px } 浏览器接到这项规则时，它将文字按照规则规定的效果显示，还将段落的最大水平尺寸限 制在 150 象素。 IE4 中，这项属性还可用于图象。你可以通过宽度设置人为地拉宽或压缩图象。 15.4 控制高度 高度应该和宽度的设置类似，只不过是在垂直方向上: DIV{position:absolute;left:200px;top:40px;height:150px} 15.5 可视性 利用 CSS，你可以隐藏要素，使其在页面上看不见. H4 { visibility: hidden } 选项： visible 使要素可以被看见 hidden 使要素被隐藏 inherit 指它将继承母体要素的可视性设置. 当一个要素被隐藏后，它仍然要占据浏览器窗口中的原有空间。所以，如果你将文字 包围在一幅被隐藏的图象周围，那么，其显示效果将是文字包围着一块空白区域. 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 0 7 第三部分 使用 JavaScript 和用户交互 通过超文本(Hyper Text)和超媒体(Hyper Media)技术结合超链接(Hyper link)的链接功能 将各种信息组织成网络结构(web)，构成网络文档(Document)，实现 Internet 上的“漫游”。通 过 HTML 符号的描述就可以实现文字、表格、声音、图像、动画等多媒体信息的检索。 然而采用这种超链技术存在有一定的缺陷，那就是它只能提供一种静态的信息资源， 缺少动态的客户端与服务器端的交互。虽然可通过 CGI (Common Gateway Interface)通用网 关接口实现一定的交互，但由于该方法编程较为复杂，因而在一段时间防碍了 Internet 技术 的发展。而 JavaScript 的出现，无疑为 Internet 网上用户带来了一线生机。可以这样 说,JavaScript 的出现是时代的需求,是当今的信息时代造就了 JavaScript。 JavaScript 的出现，它可以使得信息和用户之间不仅只是一种显示和浏览的关系，而是 实现了一种实时的、动态的、可交式的表达能力。从而基于 CGI 静态的 HTML 页面将被可 提供动态实时信息，并对客户操作进行反应的 Web 页面的取代。JavaScript 脚本正是满足这 种需求而产生的语言。它深受广泛用户的喜爱的欢迎。它是众多脚本语言中较为优秀的一 种，它与 WWW 的结合有效地实现了网络计算和网络计算机的蓝图。 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 0 8 第十六讲 JavaScript 语言概况 我们在这一讲会向你介绍: 什么是 JavaScript JavaScript 的特点以及与其他语言的区别 JavaScript 的运行环境 建立一个简单的 JavaScript 16.1 什么是 JavaScript JavaScript 是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语 言。使用它的目的是与 HTML 超文本标记语言、Java 脚本语言（Java 小程序）一起实现在 一个 Web 页面中链接多个对象，与 Web 客户交互作用。从而可以开发客户端的应用程序 等。它是通过嵌入或调入在标准的 HTML 语言中实现的。它的出现弥补了 HTML 语言的缺 陷，它是 Java 与 HTML 折衷的选择，具有以下几个基本特点： 它是一种脚本编写语言 JavaScript 是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一 样,JavaScript 同样已是一种解释性语言,它提供了一个易的开发过程。 它的基本结构形式与 C、C++、VB、Delphi 十分类似。但它不像这些语言一样，需要 先编译，而是在程序运行过程中被逐行地解释。它与 HTML 标识结合在一起，从而方 便用户的使用操作。 基于对象的语言 JavaScript 是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 0 9 用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的 相互作用。 简单性 JavaScript 的简单性主要体现在：首先它是一种基于 Java 基本语句和控制流之上的简单 而紧凑的设计, 从而对于学习 Java 是一种非常好的过渡。其次它的变量类型是采用弱 类型，并未使用严格的数据类型。 安全性 JavaScript 是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器 上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。 从而有效地防止数据的丢失。 动态性 JavaScript 是动态的，它可以直接对用户或客户输入做出响应，无须经过 Web 服务程 序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指 在主页(Home Page)中执行了某种操作所产生的动作，就称为“事件”(Event)。比如按下 鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事 件响应。 跨平台性 JavaScript 是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支 持 JavaScript 的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。 综上所述 JavaScript 是一种新的描述语言，它可以被嵌入到 HTML 的文件之中。 JavaScript 语言可以做到回应使用者的需求事件 (如： form 的输入) ，而不用任何的网络 来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给服务端 (server)处 理，再传回来的过程，而直接可以被客户端 (client) 的应用程序所处理。 JavaScript 和 Java 很类似，但到底并不一样！ Java 是一种比 JavaScript 更复杂许多 的程式语言，而 JavaScript 则是相当容易了解的语言。JavaScript 创作者可以不那么注重 程序技巧，所以许多 Java 的特性在 Java Script 中并不支持。 16.2 JavaScript 和 Java 的区别 虽然 JavaScript 与 Java 有紧密的联系，但却是两个公司开发的不同的两个产品。Java 是 SUN 公司推出的新一代面向对象的程序设计语言，特别适合于 Internet 应用程序开发； 而 JavaScript 是 Netscape 公司的产品，其目的是为了扩展 Netscape Navigator 功能,而开发的 一种可以嵌入 Web 页面中的基于对象和事件驱动的解释性语言, 它的前身是 Live Script；而 Java 的前身是 Oak 语言。 下面对两种语言间的异同作如下比较： 基于对象和面向对象 Java 是一种真正的面向对象的语言，即使是开发简单的程序，必须设计对象。 JavaScript 是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软 件。它是一种基于对象（Object Based）和事件驱动（Event Driver）的编程语言。因而 它本身提供了非常丰富的内部对象供设计人员使用。 解释和编译 两种语言在其浏览器中所执行的方式不一样。Java 的源代码在传递到客户端执行之 前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 1 0 过编译器或解释器实现独立于某个特定的平台编译代码的束缚。 JavaScript 是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而 是将文本格式的字符代码发送给客户编由浏览器解释执行。 强变量和弱变量 两种语言所采取的变量是不一样的。 Java 采用强类型变量检查，即所有变量在编译之前必须作声明。如: int x; String y; x=1234; x=4321; 其中 X=1234 说明是一个整数，Y=4321 说明是一个字符串。 JavaScript 中变量声明，采用其弱类型。即变量在使用前不需作声明，而是解释器在运 行时检查其数据类型，如： x=1234; y＝"4321"; 前者说明 x 为其数值型变量，而后者说明 y 为字符型变量。 代码格式不一样 Java 是一种与 HTML 无关的格式，必须通过像 HTML 中引用外媒体那么进行装载，其 代码以字节代码的形式保存在独立的文档中。 JavaScript 的代码是一种文本字符格式，可以直接嵌入 HTML 文档中，并且可动态装 载。编写 HTML 文档就像编辑文本文件一样方便。 嵌入方式不一样 在 HTML 文档中，两种编程语言的标识不同，JavaScript 使用来标 识，而 Java 使用来标识。 静态绑订和动态绑订 Java 采用静态绑订，即 Java 的对象引用必须在编译时的进行，以使编译器能够实现强 类型检查。 JavaScript 采用动态绑订，即 JavaScript 的对象引用在运行时进行检查。 16.3 JavaScript 程序运行环境 软件环境： 操作系统:Windows 95/98 或 Windows NT. 浏览器:Netscape Navigator x.0 或 Internet Explorer x.0. 编辑工具:用于编辑 HTML 文档的字符编辑器(WS、WPS、Notepad、WordPad 等)或 HTML 文档编辑器。 硬件配置：(硬件配置要求很低,这里不再描述) 16.4 编写第一个 JavaScript 程序 下面我们通过一个例子，编写第一个 JavaScript 程序。通过它可说明 JavaScript 的脚本 是怎样被嵌入到 HTML 文档中的。 代码: 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 1 1 myFirstJs.HTML 我的第一个 Javascript 我的第一个 Javascript! 我想看一下:jsCode\myFirstJs.HTML 说明： myFirstJs.html 是 HTML 文档，其标识格式为标准的 HTML 格式,如同 HTML 标识语言一 样， JavaScript 程序代码是一些可用字处理软件浏览的文本，它在描述页面的 HTML 相关 区域出现。 JavaScript 代码由 说 明 。 在 标 识 之间就可加入 JavaScript 脚本。 alert()是 JavaScript 的窗口对象方法，其功能是弹出一个具有 OK 对话框并显示（）中 的字符串. 通过标识说明：若不认识 JavaScript 代码的浏览器，则所有在其中的标识均 被忽略；若认识，则执行其结果。使用注释这是一个好的编程习惯，它使其他人可以读懂 你的语言。 JavaScript 以 标签结束. 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 1 2 第十七讲 JavaScript 基本数据结构 JavaScript 提供脚本语言的编程与 Java 非常相似,也去掉了指针的概念,并提供了功能强 大的类库.对于已经具备 Java 或Ｃ语言的人来说,学习 JavaScript 脚本语言是一件非常轻松愉 快的事。 我们在这一讲主要讲述以下内容: 如何嵌入 JavaScript 代码 基本的数据类型 变量和表达式 17.1 JavaScript 代码的加入 JavaScript 的脚本包括在 HTML 中，它成为 HTML 文档的一部分。与 HTML 标识相结 合，构成了一个功能强大的 Internet 网上编程语言。可以直接将 JavaScript 脚本加入文档： 说明: 通过标识指明 JavaScript 脚本源代码将放入其间。 通过属性 Language ="JavaScript"说明标识中是使用的何种语言，这里是 JavaScript 语言, 表示在 JavaScript 中使用的语言。 下面是将 JavaScript 脚本嵌入到 Web 文档中的例子: 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 1 3
上面的文字是用 JavaScript 加入的.
我想看一下:jsCode\js172.HTML 说明: Document. write()是文档对象的输出函数，其功能是将括号中的字符或变量值输出到窗 口；document. close()是将输出关闭。 可将 标识放入 head>.. 或 ... 之 间 。 将 JavaScript 标识放置... 在头部之间，使之在主页和其余部分代码之前装载， 从而可使代码的功能更强大；可以将 JavaScript 标识放置在... 主体之间以实 现某些部分动态地创建文档。 我们也可以把 JavaScript 代码保存在独立的文件中(扩展名为.js),在 Html 中引入这个文 件: 代码: importJs.js //嵌入的 Js 代码 document.write(""); document.write("人活的是一种心态!"); document.write("
"); importJs.html 上面的一段话是 importJs.js 文件写入的信息! 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 1 4
注意: 在 js 代码中就不要使用去包含 Js 代码,因为在引用的 Html 中已经包 含了插入 Js 的标记. 我想看一下:jsCode\importJs.HTML 17.2 注释 像其他所有语言一样，JavaScript 的注释在运行时也是被忽略的。注释只给程序员提 供消息。 JavaScript 注释有两种：单行注释和多行注释。单行注释用双反斜杠“//”表示。当一行 代码有“//”，那么，“//”后面的部分将被忽略。而多行注释是用“/*”和“*/”括起来的一行到多 行文字。程序执行到“/*”处，将忽略以后的所有文字，直到出现“*/”为止。 例如: //这里是单行注释 /* 下面这些内容, 是多行注释的情况, 和 Java 语言类似. */ 17.3 基本数据类型 JavaScript 脚本语言同其它语言一样，有它自身的基本数据类型、表达式和算术运算符 以及程序的基本框架结构。JavaScript 提供了四种基本的数据类型用来处理数字和文字。 基本数据类型 在 JavaScript 中四种基本的数据类型： 数值（整数和实数）、 字符串型（用“”号或„‟括起来的字符或数值）、 布尔型（使 True 或 False 表示） 空值。 在 JavaScript 的基本类型中的数据可以是常量，也可以变量。由于 JavaScript 采用弱类 型的形式，因而一个数据的变量或常量不必首先作声明，而是在使用或赋值时确定其数据 的类型的。当然也可以先声明该数据的类型，它是通过在赋值时自动说明其数据类型的。 常量 整型常量 JavaScript 的常量通常又称字面常量，它是不能改变的数据。其整型常量可以使用十六 进制、八进制和十进制表示其值。 实型常量 实型常量是由整数部分加小数部分表示，如 12.32、193.98 。可以使用科学或标准方 法表示：5E7、4e5 等。 布尔值 布尔常量只有两种状态：True 或 False。 它主要用来说明或代表一种状态或标志，以 说明操作流程。它与Ｃ＋＋是不一样的,Ｃ＋＋可以用１或０表示其状态,而 JavaScript 只能 用 True 或 False 表示其状态。 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 1 5 字符型常量 使用单引号（„）或双引号（“）括起来的一个或几个字符。如 "This is a book of JavaScript "、"3245"、"ewrt234234" 等。 空值 JavaScript 中有一个空值 null,表示什么也没有。如试图引用没有定义的变量,则返回一个 Null 值。 转意字符 由于一些字符在屏幕上不能显示，或者 JavaScript 语法上已经有了特殊用途，在要用 这些字符时，就要使用“转义字符”。转义字符用斜杠“\”开头：\' 单引号、\" 双引号、\n 换 行符、\r 回车（以上只列出常用的转义字符）。 于是，使用转义字符，就可以做到引号多重嵌套：'Micro 说："这里是\"JavaScript 教 程\"。" ' NaN “Not a Number”。出现这个数值比较少见，以至于我们可以不理它。当运算无法返回 正确的数值时，就会返回“NaN”值。NaN 值非常特殊，因为它“不是数字”，所以任何数跟 它都不相等，甚至 NaN 本身也不等于 NaN 。 17.4 变量 变量的主要作用是存取数据、提供存放信息的容器。对于变量必须明确变量的命名、 变量的类型、变量的声明及其变量的作用域。 变量的命名 JavaScript 中的变量命名同其计算机语言非常相似，这里要注意以下两点： 必须是一个有效的变量，即变量以字母开头，中间可以出现数字如 test1、text2 等。除 下划线（－）作为连字符外，变量名称不能有空格、（＋）、（－）、（，）或其它符 号。 不能使用 JavaScript 中的关键字作为变量。 在 JavaScript 中定义了４０多个类键字，这些关键是 JavaScript 内部使用的，不能作为 变量的名称。如 Var、int、double、true 不能作为变量的名称。 变量的类型 在 JavaScript 中，变量可以用命令 Var 作声明: var mytest; 该例子定义了一个 mytest 变量。但没有赋予它的值。 Var mytest=”This is a book” 该例子定义了一个 mytest 变量, 同时赋予了它的值。 在 JavaScript 中，变量以可以不作声明，而在使用时再根据数据的类型来确其变量的类型。 如： x=100 y="125" xy= True cost=19.5 等。 其中 x 整数，y 为字符串，xy 为布尔型，cost 为实型. 变量的声明及其作用域 JavaScript 变量可以在使用前先作声明，并可赋值。通过使用 var 关键字对变量作声 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 1 6 明。对变量作声明的最大好处就是能及时发现代码中的错误；因为 JavaScript 是采用动态编 译的，而动态编译是不易发现代码中的错误，特别是变量命名的方面。 对于变量还有一个重要性──那就是变量的作用域。在 JavaScript 中同样有全局变量和 局部变量。全局变量是定义在所有函数体之外，其作用范围是整个函数；而局部变量是定 义在函数体之内，只对其该函数是可见的，而对其它函数则是不可见的。 17.5 表达式和运算符 表达式 在定义完变量后，就可以对它们进行赋值、改变、计算等一系列操作,这就要通过表达 式来完成，可以说表达式是变量、常量、布尔及运算符的集合，因此表达式可以分为算术 表述式、字串表达式、赋值表达式以及布尔表达式等. 运算符 运算符:完成操作的一系列符号，在 JavaScript 中有算术运算符，如＋、-、*、/等；有 比较运算符如!=、= =等; 有逻辑布尔运算符如！（取反）、|、||; 有字串运算如＋ 、 ＋= 等。 (1)算术运算符 +（加） 、-（减）、 *（乘）、 /（除）、 %（取模） 、|（按位或）、&(按位与)、<<（左 移）、 >>（右移）、 >>>（右移，零填充）。 -（取反）、~（取补）、++（递加 1）、--（递减 1）。 (2)比较运算符 比较运算符它的基本操作过程是，首先对它的操作数进行比较，尔后再返回一个 true 或 false 值，有８个比较运算符: <(小于)、>(大于)、<=(小于等于)、>=(大于等于)、= =(等于)、!=(不等于)。 (3)布尔逻辑运算符 &&(与),|| (或),!(非) (4)位运算符 ~(取补), &（与）,|(或), ^（异或） (5)三元操作符 主要格式如下： 操作数？结果１：结果２ 若操作数的结果为真，则表述式的结果为结果１，否则为结果２。 17.6 综合例子 使用变量输出文本的例子 代码: 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 1 7 使用变量在 Html 文档中输出信息的例子
我想看一下:jsCode\useVar.HTML 下面是计算表达式运算的综合例子: 代码: 使用运算符的例子 我想看一下:jsCode\js175.HTML 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 1 9 第十八讲 JavaScript 程序构成 JavaScript脚本语言的基本构成是由控制语句、函数、对象、方法、属性等,来实现编程 的。我们在这一讲主要讲述以下内容: 流程控制语句 函数 事件驱动和事件处理 18.1 流程控制语句 if 条件语句 基本格式 if（表述式） 语句段１； ...... else 语句段２； ..... 功能：若表达式为 true，则执行语句段１；否则执行语句段２。 说明： if -else 语句是 JavaScript 中最基本的控制语句，通过它可以改变语句的执行顺序。表 达式中必须使用关系语句，来实现判断，它是作为一个布尔值来估算的。 它将零和非零的数分别转化成 false 和 true.. 若 if 后的语句有多行，则必须使用花括号将其括起来 最简单的 if 语句的使用 代码: 这是一个最简单的 if 语句!
如时间在 10 点以前会显示"早上好"!
我想看一下:jsCode\ifStatement.HTML For 循环语句 基本格式 for（初始化,条件,增量） { 语句集； } 功能：实现条件循环，当条件成立时，执行语句集，否则跳出循环体。 说明： 初始化参数告诉循环的开始位置，赋予变量的初值. 条件：是用于判别循环停止时的条件。若条件满足，则执行循环体，否则跳出. 增量：主要定义循环控制变量在每次循环时按什么方式变化. 三个主要语句之间，必须使用逗号分隔. 下面是一个 for 循环的例子: for 循环的例子 我想看一下:jsCode\js184.HTML while 循环 基本格式 while（条件） { 语句集； } 该语句与 for 语句一样，当条件为真时，重复循环，否则退出循环. for 与 while 语句 两种语句都是循环语句，使用 for 语句在处理有关数字时更易看懂，也较紧凑；而 while 循环对复杂的语句效果更特别。 while 循环的例子 代码: while 循环的例子 我想看一下:jsCode\js185.HTML do… while 循环 先执行循环后判断条件,循环体至少会执行一次,和 Java 中类似不在讲述. 使用 do…while 循环的例子 代码: 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 2 2 do...while 循环的例子,至少要执行一次
我想看一下:jsCode\dowhile.HTML break 和 continue 语句 与 Java 语言相同，使用 break 语句使得循环从 For 或 while 中跳出，continue 使得跳过 循环内剩余的语句而进入下一次循环。 switch 语句 如果要把某些数据分类，例如，要把学生的成绩按优、良、中、差分类，我们可能会用 if 语句： if (score >= 0 && score < 60) { result = 'fail'; } else if (score < 80) { result = 'pass'; } else if (score < 90) { result = 'good'; } else if (score <= 100) { result = 'excellent'; } else { result = 'error'; } 看起来没有问题，但使用太多的 if 语句的话，程序看起来有点乱。switch 语句就是 解决这种问题的最好方法。 switch (e) { case r1: （注意：冒号） ... [break;] case r2: ... [break;] ... [default: 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 2 3 ...] } 这一大段的作用是：计算 e 的值（e 为表达式），然后跟下边“case”后的 r1、r2……比较， 当找到一个相等于 e 的值时，就执行该“case”后的语句，直到遇到 break 语句或 switch 段落结束（“}”）。如果没有一个值与 e 匹配，那么就执行“default:”后边的语句，如果没有 default 块，switch 语句结束。 上边的 if 段用 switch 改写就是： switch (parseInt(score / 10)) { case 0: case 1: case 2: case 3: case 4: case 5: result = 'fail'; break; case 6: case 7: result = 'pass'; break; case 8: result = 'good'; break; case 9: result = 'excellent'; break; default: if (score == 100) result = 'excellent'; else result = 'error'; } 其中 parseInt()方法的作用是取整。最后 default 段用的 if 语句，是为了不把 100 分 当错误论（parseInt(100 / 10) = = 10）。 18.2 函数 JavaScript 函数的定义 function 函数名 （参数）{ 函数体;. return 表达式; } 说明： 函数由关键字 function 定义(关键字为小写) 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 2 4 参数列表，是传递给函数使用或操作的值，其值可以是常量 ，变量或其它表达式 通过指定函数名（实参）来调用一个函数 使用 Return 将值返回 函数名对大小写是敏感的 函数中的形式参数 在函数的定义中，我们看到函数名后有参数列表，这些参数变量可能是一个或几个。 那么怎样才能确定参数变量的个数呢？在 JavaScript 中可通过 arguments .Length 来检查参数 的个数。例： 确定参数个数 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 2 5 我想看一下:jsCode\js182.HTML 函数应用举例 最简单的函数例子 代码:
应用于：Link 对象 onmouseup 事件 发生在用户把鼠标放在对象上鼠标键被按下的情况下，放开鼠标键的时候。如果按下 鼠标键的时候，鼠标并不在放开鼠标的对象上，则本事件不会发生。 应用于：Button 对象；Link 对象 onreset 事件 发生在表单的“重置”按钮被单击（按下并放开）的时候。通过在事件处理程序中返回 false 值（return false）可以阻止表单重置。 应用于：Form 对象 onresize 事件 发生在窗口被调整大小的时候。 应用于：window 对象 onsubmit 事件 发生在表单的“提交”按钮被单击（按下并放开）的时候。可以使用该事件来验证表单的 有效性。通过在事件处理程序中返回 false 值（return false）可以阻止表单提交。 应用于：Form 对象 onunload 事件 发生在用户退出文档（或者关闭窗口，或者到另一个页面去）的时候。与 onload 一 样，要写在 HTML 中就写到标记里。 有的人用这个方法来弹出“调查表单”，以“强迫”来者填写；有的就弹出广告窗口，唆 使来者点击连接。这种使用“onunload="open..."”的方法很不好，有时甚至会因为弹出太多 窗口而导致资源缺乏。在用户想离开的时候又打开其他内容是很讨厌的行为. 应用于：window 对象. 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 2 9 第十九讲 基于对象的 JavaScript 语言 JavaScript 语言是基于对象的（Object-Based），而不是面向对象的（object-oriented）。 之所以说它是一门基于对象的语言，主要是因为它没有提供象抽象、继承、重载等有关面 向对象语言的许多功能。而是把其它语言所创建的复杂对象统一起来，从而形成一个非常 强大的对象系统。 虽然 JavaScript 语言是一门基于对象的，但它还是具有一些面向对象的基本特征。它可 以根据需要创建自己的对象，从而进一步扩大 JavaScript 的应用范围，增强编写功能强大的 Web 文档。 我们在这一讲主要讲述: JavaScript 对象的定义和引用 JavaScript 的常用对象(字符串,数组,日期等) 19.1 Javascript 对象的基础知识 JavaScript 对象的基本结构 JavaScript 中的对象是由属性(properties)和方法(methods)两个基本的元素构成的。前者 是对象在实施其所需要行为的过程中，实现信息的装载单位，从而与变量相关联；后者是 指对象能够按照设计者的意图而被执行，从而与特定的函数相联。 引用对象的途径 引用 JavaScript 内部对象 由浏览器环境中提供的对象 创建新对象 这就是说一个对象在被引用之前，这个对象必须存在，否则引用将毫无意义，而出现 错误信息。从上面中我们可以看出 JavaScript 引用对象可通过三种方式获取。要么创建新的 对象，要么利用现存的对象。 有关对象操作语句 JavaScript 不是一种纯面向对象的语言，但它提供了面向对象语言的一些功能，因此 JavaScript 设计者把它称为“基于对象”而不是面向对象的语言，在 JavaScript 中提供了几个 用于操作对象的语句和关键字及运算符。 A for...in 语句 格式如下： for（对象属性名 in 已知对象名） 说明： 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 3 0 该语句的功能是用于对已知对象的所有属性进行操作的控制循环。它是将一个已知对 象的所有属性反复置给一个变量；而不是使用计数器来实现的,该语句的优点是无需知道对 象中属性的个数即可进行操作。 例：下列函数是显示数组中的内容： function showData(object) for (var i=0; i<30;i++) document.write(object[i]) 该函数是通过数组下标顺序值，来访问每个对象的属性，使用这种方式首先必须知道 数组的下标值，否则若超出范围，则就会发生错误。 如使用 for...in 语句，则根本不需要知道对象属性的个数，如下： function showData(object){ for(var prop in object) document.write(object[prop]); } 使用该函数时，在循环体中，for 自动将的属性取出来，直到最后为此。 B with 语句 使用该语句的意思是：在该语句体内，任何对变量的引用被认为是这个对象的属性， 以节省一些代码。 with object{ ... } 所有在 with 语句后的花括号中的语句，都是在后面 object 对象的作用域的。 C this 关键字 this 是对当前的引用，在 JavaScript 由于对象的引用是多层次，多方位的，往往一个对 象的引用又需要对另一个对象的引用，而另一个对象有可能又要引用另一个对象，这样有 可能造成混乱，最后自己已不知道现在引用的那一个对象，为此 JavaScript 提供了一个用于 将对象指定当前对象的语句 this。 D New 运算符 虽然在 JavaScript 中对象的功能已经是非常强大的了。但更强大的是设计人员可以按照 需求来创建自己的对象，以满足某一特定的要求。使用 New 运算符可以创建一个新的对 象。其创建对象使用如下格式： Newobject=NEW Object(Parameters table); 其中 Newobject 创建的新对象：object 是已经存在的对象； parameters table 参数表； new 是 JavaScript 中的命令语句。 如创建一个日期新对象 newData=New Data() birthday=New Data (December 12.1998) 之后就可使 newData、birthday 作为一个新的日期对象了。 对象属性的引用 对象属性的引用可由下列三种方式之一实现： A 使用点（.）运算符 university.name=“云南省” university.city=“昆明市” university.date="1999" 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 3 1 其中 university 是一个已经存在的对象，name、city、date 是它的三个属性，并通过操 作对其赋值。 B 通过对象的下标实现引用 university[0]=“云南” university[1]=“昆明市” university[2]="1999" 通过数组形式的访问属性，可以使用循环操作获取其值。 function showunievsity(object){ for (var j=0;j<2; j++) document.write(object[j]) } 若采用 For...in 则可以不知其属性的个数后就可以实现： function showmy(object){ for (var prop in this) docament.write(this[prop]); } C 通过字符串的形式实现 university["name"]=“云南” university["city"]=“昆明市” university["date"]="1999" 对象的方法的引用 在 JavaScript 中对象方法的引用是非常简单的。 ObjectName.methods() 如引用 university 对象中的 showmy（）方法，则可使用： document.write (university.showmy()) 如引用 math 内部对象中 cos()的方法 则使用： with(Math) document.write(cos(35)); document.write(cos(80)); 若不使用 with 则引用时相对要复杂些： document.write(Math.cos(35)) document.write(Math.sin(80)) 19.2 JavaScript 的常用对象 String 字符串对象。 声明一个字符串对象最简单,常用的方法就是直接赋值。 属性: length 用法：<字符串对象>.length；返回该字符串的长度。 检测字符串长度的例子 代码: 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 3 2 我想看一下:jsCode\strlength.HTML 方法: charAt() 用法： <字符串对象>.charAt(<位置>)；返回该字符串位于第<位置>位的单个字符。 注意： 字符串中的第一个字符是第 0 位的，第二个才是第 1 位的，最后一个字符是第 length - 1 位的。 charCodeAt() 用法： <字符串对象>.charCodeAt(<位置>)；返回该字符串位于第<位置>位的单个字符的 ASCII 码。 indexOf() 用法： <字符串对象>.indexOf(<另一个字符串对象>[, <起始位置>])；该方法从<字符串对象> 中查找<另一个字符串对象>（如果给出<起始位置>就忽略之前的位置），如果找到了，就 返回它的位置，没有找到就返回“-1”。所有的“位置”都是从零开始的。 检测子字符串位置的例子 代码: 使用 indexOf 的例子,位置是从 0 开始计算的.
我想看一下:jsCode\stringIndexof.HTML lastIndexOf() 用法： <字符串对象>.lastIndexOf(<另一个字符串对象>[, <起始位置>])；跟 indexOf() 相似， 不过是从后边开始找。 split() 用法： <字符串对象>.split(<分隔符字符>)；返回一个数组，该数组是从<字符串对象>中分离 开来的，<分隔符字符>决定了分离的地方，它本身不会包含在所返回的数组中。 例如：'1&2&345&678'.split('&')返回数组：1,2,345,678。关于数组，我们将在下面讨 论。 substring() 用法： <字符串对象>.substring(<始>[, <终>])；返回原字符串的子字符串，该字符串是原字符 串从<始>位置到<终>位置的前一位置的一段。<终> - <始> = 返回字符串的长度（length）。 如果没有指定<终>或指定得超过字符串长度，则子字符串从<始>位置一直取到原字符串 尾。如果所指定的位置不能返回字符串，则返回空字符串。 substr() 用法： <字符串对象>.substr(<始>[, <长>])；返回原字符串的子字符串，该字符串是原字符串 从<始>位置开始，长度为<长>的一段。如果没有指定<长>或指定得超过字符串长度，则子 字符串从<始>位置一直取到原字符串尾。如果所指定的位置不能返回字符串，则返回空字 符串。 截取子字符串的例子 代码: substr()返回字符串的特定部分.第一个参数是截取的位置(第一个位置为 0),第二个 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 3 4 参数是截取的长度.
substring()返回字符串的特定部分.第一个参数是截取的位置(第一个位置为 0),第二 个参数是结束的位置.
我想看一下:jsCode\strsubstr.HTML toLowerCase() 用法： <字符串对象>.toLowerCase()；返回把原字符串所有大写字母都变成小写的字符串。 toUpperCase() 用法： <字符串对象>.toUpperCase()；返回把原字符串所有小写字母都变成大写的字符串。 转换字符串的大小写 代码: 我想看一下:jsCode\strUpperLower.HTML match() 用法: <字符串对象>.match()；在源字符串中查找指定子串,如存在返回指定字串,如不存在返 回 null. 检测子串 代码: 检测单词是否存在,如存在返回该单词,如不存在,返回 null
我想看一下:jsCode\strMatch.HTML Array 数组对象 数组对象是一个对象的集合，里边的对象可以是不同类型的(这和 Java 是不同的).数组 的每一个成员对象都有一个“下标”，用来表示它在数组中的位置（从 0 开始）。 数组的定义方法： var <数组名> = new Array(size); 这样就定义了一个空数组。以后要添加数组元素，就用： <数组名>[<下标>] = … 比如: var myArr=new Array(3); myArr[0]=1;myArr[1]=2;myArr[2]=3; 如果想在定义数组的时候直接初始化数据可以用： var <数组名> = new Array(<元素 1>, <元素 2>, <元素 3>...); 例如 var myArray = new Array(1, 4.5, 'Hi'); 定义了一个数组 myArray，里边的元素是：myArray[0] =1; myArray[1] = 4.5; myArray[2] = 'Hi'。 但是，如果元素列表中只有一个元素，而这个元素又是一个正整数的话 ,比如 ，var myArr=new Array(3)表示包含 3 个元素的数组,使用 new 定义数组时,使用的是()而不是[]. 注意：JavaScript 只有一维数组！二维数组是使用一维数组中定义一维数组等变通的方式来 实现. 属性 length 用法： <数组对象>.length；返回：数组的长度，即数组里有多少个元素。它等于数组里最后 一个元素的下标加一. 方法 join() 用法： <数组对象>.join(<分隔符>)；返回一个字符串，该字符串把数组中的各个元素串起 来，用<分隔符>置于元素与元素之间,如果不指定分割符默认用”,”连接。这个方法不影响数 组原本的内容。 reverse() 用法： <数组对象>.reverse()；使数组中的元素顺序反过来。如果对数组[1, 2, 3]使用这个方 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 3 6 法，它将使数组变成：[3, 2, 1]。 slice() 用法： <数组对象>.slice(<始>[, <终>])；返回一个数组，该数组是原数组的子集，始于<始>， 终于<终>。如果不给出<终>，则子集一直取到原数组的结尾。 sort() 用法： <数组对象>.sort([<方法函数>])；使数组中的元素按照一定的顺序排列。如果不指定< 方法函数>，则按字母顺序排列。在这种情况下，80 是比 9 排得前的。如果指定<方法函 数>，则按<方法函数>所指定的排序方法排序。<方法函数>比较难讲述，这里只将一些有 用的<方法函数>介绍给大家。 按升序排列数字： function sortMethod(a, b) { return a - b; } myArray.sort(sortMethod); 按降序排列数字：把上面的“a - b”该成“b - a”。 最简单的数组应用 代码: 我想看一下:jsCode\arrSample.HTML 声明数组时直接赋值 代码: 我想看一下:jsCode\arrSample2.HTML 使用数组的一些属性和方法 我想看一下:jsCode\strUseage.HTML 使用数组的两个方法 concat 和 slice 代码: 使用 concat 返回的数组相加后的数组,并不会改变源数组,slice 从给定的位置截 取数组,不指定结束位置则截到结尾,不会影响源数组. 我想看一下:jsCode\strConcatSlice.HTML Math “数学”对象 提供对数据的数学计算。下面所提到的属性和方法，不再详细说明“用法”，大家在使 用的时候记住用“Math.<名>”这种格式。 属性 E 返回常数 e (2.718281828...)。 LN2 返回 2 的自然对数 (ln 2)。 LN10 返回 10 的自然对数 (ln 10)。 LOG2E 返回以 2 为低的 e 的对数 (log2e)。 LOG10E 返回以 10 为低的 e 的对数 (log10e)。 PI 返回 π（3.1415926535...)。 SQRT1_2 返回 1/2 的平方根。 SQRT2 返回 2 的平方根。 方法 abs(x) 返回 x 的绝对值。 acos(x) 返回 x 的反余弦值（余弦值等于 x 的角度），用弧度表示。 asin(x) 返回 x 的反正弦值。 atan(x) 返回 x 的反正切值。 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 3 9 atan2(x, y) 返回复平面内点(x, y)对应的复数的幅角，用弧度表示，其值在 -π 到 π 之间。 ceil(x) 返回大于等于 x 的最小整数。 cos(x) 返回 x 的余弦。 exp(x) 返回 e 的 x 次幂 (ex)。 floor(x) 返回小于等于 x 的最大整数。 log(x) 返回 x 的自然对数 (ln x)。 max(a, b) 返回 a, b 中较大的数。 min(a, b) 返回 a, b 中较小的数。 pow(n, m) 返回 n 的 m 次幂 (nm)。 random() 返回大于 0 小于 1 的一个随机数。 round(x) 返回 x 四舍五入后的值。 sin(x) 返回 x 的正弦。 sqrt(x) 返回 x 的平方根。 tan(x) 返回 x 的正切。 用随机数产生链接的例子 代码: 下面的网址是随机产生的!
我想看一下:jsCode\randomlink.HTML 使用 Math 综合例子 我想看一下:jsCode\math.HTML Date 日期对象 这个对象可以储存任意一个日期，从 0001 年到 9999 年，并且可以精确到毫秒数 （1/1000 秒）。 在内部，日期对象是一个整数，它是从 1970 年 1 月 1 日零时整开始计算到日期对 象所指的日期的毫秒数。如果所指日期比 1970 年早，则它是一个负数。 所有日期时间，如果不指定时区，都采用“UTC”（世界时）时区，它与“GMT”（格林威 治时间）在数值上是一样的。 定义一个日期对象： var d = new Date; 这个方法使 d 成为日期对象，并且已有初始值：当前时间。如果要自定初始值，可以 用： var d = new Date(99, 10, 1); //99 年 10 月 1 日 var d = new Date('Oct 1, 1999'); //99 年 10 月 1 日 等等方法。 最好的方法就是用下面介绍的“方法”来严格的定义时间。 方法 说明:以下有很多“g/set[UTC]XXX”这样的方法，它表示既有“getXXX”方法，又有“setXXX” 方 法 。“get” 是 获 得 某 个 数 值 ， 而 “set” 是设定某个数值。如果带有 “UTC”字母( 如 getUTCXXX)，则表示获得/设定的数值是基于 UTC 时间的，没有则表示基于本地时间或 浏览期默认时间. 如无说明，方法的使用格式为：“<对象>.<方法>”，下同。 g/set[UTC]FullYear() 返回/设置年份，用四位数表示。如果使用“x.set[UTC]FullYear(99)”，则年份被设定为 0099 年,x.setFullYear(2000)表示 2000 年, g/set[UTC]Year() 返回/设置年份，用 两 位数表示 。设定的时候浏览器自动加上“19”开头 ， 故使用 “x.set[UTC]Year(00)”把年份设定为 1900 年。2000 年以后的时间要用 set/getFullYear(). g/set[UTC]Month() 返回/设置月份, 取值 0-11,0 表示一月,和习惯不同要注意,使用时要注意加 1. g/set[UTC]Date() 返回/设置日期,取值 1-31,不是从 0 开始的,JavaScript 很少从 1 开始计算.使用时要注意. get[UTC]Day() 返回/设置星期，取值 0-6,0 表示星期天,6 表示星期六,没有对应的 set 方法因为星期是 自动计算的,不用设置. g/set[UTC]Hours() 返回/设置小时数，取值 0-23,0 为午夜 24 点,24 小时制. g/set[UTC]Minutes() 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 4 1 返回/设置分钟数,取值 0-59. g/set[UTC]Seconds() 返回/设置秒钟数,取值 0-59. g/set[UTC]Milliseconds() 返回/设置毫秒数,取值 0-999. g/setTime() 返回/设置时间，该时间就是日期对象的内部处理方法,用毫秒表示,从 1970 年 1 月 1 日零时正开始计算到日期对象所指的日期的毫秒数。如果要使某日期对象所指的时间推迟 1 小时，就用：“x.setTime(x.getTime() + 60 * 60 * 1000);”（一小时 60 分，一分 60 秒，一 秒 1000 毫秒）。 getTimezoneOffset() 返回日期对象采用的时区与格林威治时间所差的分钟数。在格林威治东方的市区，该 值为负，例如：中国时区（GMT+0800）返回“-480”。 toString() 返回一个字符串，描述日期对象所指的日期。这个字符串的格式类似于：“Fri Jul 21 15:43:46 UTC+0800 2000”。 toLocaleString() 返回一个字符串，描述日期对象所指的日期，用本地时间表示格式。如：“2000-07-21 15:43:46”。 toGMTString() 返回一个字符串，描述日期对象所指的日期，用 GMT 格式。 toUTCString() 返回一个字符串，描述日期对象所指的日期，用 UTC 格式。 parse() 用法：Date.parse(<日期对象>),Date.parse(“Jan 11,1996”)将字符串代表的时间转换成毫秒 (Date 内部的日期表示). 19.3 综合例子 显示今天的日期 代码: 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 4 2 注意:月份要加 1,默认从 0 开始. 我想看一下:jsCode\dateToday.HTML 显示当前时间 代码: 我想看一下:jsCode\dateCurrentTime.HTML 设置日期 代码: 我想看一下:jsCode\setyear.HTML 使用 UTC 时间: 代码: 我们发现和我们本地时间相差 8 小时: 我想看一下:jsCode\utcTime.HTML 显示当前星期 代码: 我想看一下:jsCode\week.HTML 显示当前的日期和星期 代码: 我想看一下:jsCode\monthandweek.HTML 一个走动的时间 代码: 我想看一下:jsCode\moveTime.HTML 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 4 5 第二十讲 系统函数,常用的内部对象 我们在这一讲的主要内容是: 系统函数 常用的内部对象 20.1 系统函数 JavaScript 中的系统函数又称内部方法。它提供了与任何对象无关的系统函数，使用这 些函数不需创建任何实例,可直接用。 eval() eval（字串表达式） 返回字符串表达式中的值,例如: test=eval("8+9+5/2"); isNaN() 如果括号内的值是“NaN”则返回 true 否则返回 false。 parseInt() 返回把括号内的内容转换成整数之后的值。如果括号内是字符串，则字符串开头的数 字部分被转换成整数，如果以字母开头，则返回“NaN”。 parseFloat() 返回把括号内的字符串转换成浮点数之后的值，字符串开头的数字部分被转换成浮点 数，如果以字母开头，则返回“NaN”。 toString() 用法：<对象>.toString()；把对象转换成字符串。如果在括号中指定一个数值，则转换过程 中所有数值转换成特定进制。 escape() 返回括号中的字符串经过编码后的新字符串。该编码应用于 URL，也就是把空格写成 “%20”这种格式。“+”不被编码，如果要“+”也被编码，请用：escape('...', 1)。 unescape() 是 escape() 的反过程。解编括号中字符串成为一般字符串。 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 4 6 20.2 常用的内部对象 使用浏览器的内部对象系统, 可实现与 HTML 文档进行交互。它的作用是将相关元素 组织包装起来，提供给程序设计人员使用，从而减轻编程人的劳动，提高设计 Web 页面的 能力. 20.2.1 内部对象树 20.2.2 navigator 浏览器对象 反映了当前使用的浏览器的资料。 属性 appCodeName 返回浏览器的“码名”,流行的 IE 返回 'Mozilla'。 appName 返回浏览器名。IE 返回 'Microsoft Internet Explorer' appVersion 返回浏览器版本，包括了大版本号、小版本号、语言、操作平台等信息。 platform 返回浏览器的操作平台，对于 Windows 9x 上的浏览器，返回 'Win32'（大小写可能有 差异）。 userAgent 返回以上全部信息。例如，IE5.01 返回 'Mozilla/4.0 (compatible; MSIE 5.01; Windows 98)'。 显示浏览器详细的信息 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 4 7 我想看一下:jsCode\ieDetail.HTML 20.2.3 screen 屏幕对象 反映了当前用户的屏幕设置。 属性 width 返回屏幕的宽度（像素数）。 height 返回屏幕的高度。 availWidth 返回屏幕的可用宽度（除去了一些不自动隐藏的类似任务栏的东西所占用的宽度）。 availHeight 返回屏幕的可用高度。 colorDepth 寒雪谷（http://hi.baidu.com/snowyvalley） 座拥寒雪谷，笑迎风雨来！ 1 4 8 返回当前颜色设置所用的位数 - 1：黑白；8：256 色；16：增强色；24/32：真彩色 20.2.4 window 窗口对象 最大的对象，它描述的是一个浏览器窗口。一般要引用它的属性和方法时，不需要用 “window.xxx”这种形式，而直接使用“xxx”。一个框架页面也是一个窗口。 属性 name 窗口的名称，由打开它的连接（
布 思.塔金顿是 20 世纪的美国著名小说家和剧作家，他的作品《伟大的安伯森斯》和《爱丽斯. 亚当斯》均获得普利策奖。在塔金顿声名最鼎盛的时期，他在多种场合讲述过这样一个故 事：那是在一个红十字会举办的艺术家作品展览会上，我作为特邀的贵宾参加了展览会。 期间，有两个可爱的十六七岁的小女孩来到我面前，虔诚的向我索要签名。
. 首页 . 相识雨轩 . 轻松一刻. 雁过留声 . 美文欣赏
我 是这个陌生城市一个孤独的舞者，沉闷的舞者。 