建立第一张样式表
知识创造财富,学习改变人生!
我想看一下:htmlCode\建立第一张样式表.HTML 打开浏览器我们会发现我们刚刚建立的普通的 Html 文档,在加入样式表后,对字体大小,风格, 颜色,背景进行了精确的控制. 寒雪谷(http://hi.baidu.com/snowyvalley) 座拥寒雪谷,笑迎风雨来! 8 8 我们对上面的样式表代码进行简单的理解: 层叠样式表的核心是规则。最简单的规则就象这样: H4{ color: green } 它告诉浏览器将所有包围的文字以绿色显示,每一条规则包含一个选择及说明。 在上述例子中,H4 就是选择,它是一个附带样式功能的 HTML 标签。说明用于定义实际的 样式,包括两部分:属性(本例中即 color)和参数(green)。 任何 HTML 标签都可用作标签。所以你可以将样式表的信息附加到任何要素。从通常 的到 。 与之类似,你也可以归类选择: H1, P, BLOCKQUOTE { font-family: arial } 这项规则设定所以位于 和 知识创造财富,学习改变人生! 定向培养软件人才,用心打造金领生活! 北软教育 第一段 第二段 第三段 这里是文本! 。 Points 是确定文字尺寸非常好的单位,因为它在所有的浏览器和操作平台上都适用。 px: P { font-size: 20px } 从网页设计的角度来说,pixel(象素)是一个非常熟悉的单位,它最大的优点就在于所 有的操作平台都支持 pixel 单位 12.3 字体风格 利用 CSS 加入斜体字非常简单,而且我们对于加粗字体还有很多选择。 H3 { font-style: italic } 当浏览器接到应用斜体字的指令后,它将用户的机器中寻找安装的斜体字版本,果不 存在斜体字,浏览器将会把正常的字体倾斜显示。 加粗字体 P { font-weight: bold } 你还可以用数值 100,200,...900。正常的非加粗的字体值为 400,900 是加粗字体的最大 值。 12.4 文字修饰(text-decoration) 使用下划线: B { text-decoration: underline } 还有其他的修饰内容比如: overline 给文字上划线 line-through 给文字划出删除线, none 使得上述效果都不会发生。 none 参数非常有用,你可以使链接的文字不以下划线的形式显示。具体做法: A:link { text-decoration: none } A:active { text-decoration: none } A:visited { text-decoration: none } 12.5 应用举例 代码: cssStyle.css H3 { font-family: helvetica,impact, sans-serif } P.first { font-size: 8pt } P.second { font-size: 16pt } P.three { font-size: 32pt } 寒雪谷(http://hi.baidu.com/snowyvalley) 座拥寒雪谷,笑迎风雨来! 9 4 p.boldWord{font-weight:bold} p.boldWord800{font-weight:100} p.italicWord{font-style:italic} p.underlineWord{text-decoration: underline } p.overlineWord{text-decoration: overline } p.delWord{text-decoration: line-through } cssStyle 字体控制.html 控制字号 控制字号 控制字号 这一行是粗体 这一行是 100 号粗体 这一行是斜体 使用下划线 使用上划线 使用删除线 、 word spaceing is 10 word spaceing is 20 letter spaceing is 10 letter spaceing is 20 生活的理想, 有一对兄弟,有一天他们出去爬山,然后一起回家。 他们的家住在八十层楼,他们一人背着一大包的行李回家,却发现大楼停电了。 于是哥哥就说:弟弟,我们一起爬楼梯上去吧。 于是他们就一起爬上去。 到了二十楼的时候, 哥哥又告诉弟弟: 包包太重了,我们把它放在二十楼,我们爬上去,明天再下来拿。 弟弟说: 好。 于是他们就把他们的包包放在二十楼,继续往上爬。 到了四十楼,弟弟开始抱怨,于是就跟哥哥吵起来了。 他们边吵边爬,爬到了六十楼, 哥哥就对弟弟说:只剩二十层楼了,我们不要吵了,默默的爬完它吧 !! 于是他们就各走各的,终于到了家门口。 哥哥就摆出了很帅的姿势:弟弟开门。 弟弟就对哥哥说: 别闹了,钥匙不是在你那儿。 结果,他们把钥匙留在二十楼的包包里了。 于是他们就把他们的包包放在二十楼,继续往上爬。 到了四十楼,弟弟开始抱怨,于是就跟哥哥吵起来了。 他们边吵边爬,爬到了六十楼, 哥哥就对弟弟说:只剩二十层楼了,我们不要吵了,默默的爬完它吧 !! 于是他们就把他们的包包放在二十楼,继续往上爬。 到了四十楼,弟弟开始抱怨,于是就跟哥哥吵起来了。 他们边吵边爬,爬到了六十楼, 哥哥就对弟弟说:只剩二十层楼了,我们不要吵了,默默的爬完它吧 !! 江雪 江雪 江雪 有一对兄弟,有一天他们出去爬山,然后一起回家。 他们的家住在八十层楼,他们一人背着一大包的行李回家,却发现大楼停电了。 于是哥哥就说:弟弟,我们一起爬楼梯上去吧。 于是他们就一起爬上去。 到了二十楼的时候, 哥哥又告诉弟弟: 包包太重了,我们把它放在二十楼,我们爬上去,明天再下来拿。 弟弟说: 好。 于是他们就把他们的包包放在二十楼,继续往上爬。 上面的文字是用 JavaScript 加入的. 上面的一段话是 importJs.js 文件写入的信息! 寒雪谷(http://hi.baidu.com/snowyvalley) 座拥寒雪谷,笑迎风雨来! 1 1 4 使用变量在 Html 文档中输出信息的例子 这是一个最简单的 if 语句! 如时间在 10 点以前会显示"早上好"! do...while 循环的例子,至少要执行一次 欢迎光临 带返回值的函数调用 使用 indexOf 的例子,位置是从 0 开始计算的. substr()返回字符串的特定部分.第一个参数是截取的位置(第一个位置为 0),第二个 寒雪谷(http://hi.baidu.com/snowyvalley) 座拥寒雪谷,笑迎风雨来! 1 3 4 参数是截取的长度. substring()返回字符串的特定部分.第一个参数是截取的位置(第一个位置为 0),第二 个参数是结束的位置. 检测单词是否存在,如存在返回该单词,如不存在,返回 null及
内容。你甚至可以通过将样式表用于
将层叠样式表的 属性用于图象。 从我们的第1 个样式表实例中可以发现,你可以归类样式表的规则。我们将 3种不同的说明 都用于
、
建立第一张样式表
寒雪谷(http://hi.baidu.com/snowyvalley) 座拥寒雪谷,笑迎风雨来! 8 9 我的样式表
定向培养软件人才,用心打造金领生 活!Go
css Style 控制字体
-
、
和
。 以下为各种选项: 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
我想看一下:jsCode\sampleFunction.HTML 带参数的函数调用 代码:
就是理想的生活!既然选择了远方,便只顾风雨兼程!
寒雪谷(http://hi.baidu.com/snowyvalley) 座拥寒雪谷,笑迎风雨来! 9 9 既然选择了远方,便只顾风雨兼程!
既然选择了远方,便只顾风雨兼程!
千山鸟飞绝,
万径人踪灭.
孤舟蓑笠翁,
独钓寒江雪.
千山鸟飞绝,
万径人踪灭.
孤舟蓑笠翁,
独钓寒江雪.
千山鸟飞绝,
万径人踪灭.
孤舟蓑笠翁,
独钓寒江雪.
到了四十楼,弟弟开始抱怨,于是就跟哥哥吵起来了。 他们边吵边爬,爬到了六十楼, 哥哥就对弟弟说:只剩二十层楼了,我们不要吵了,默默的爬完它吧 !! 于是他们就各走各的,终于到了家门口。 哥哥就摆出了很帅的姿势:弟弟开门。 弟弟就对哥哥说: 别闹了,钥匙不是在你那儿。 结果,他们把钥匙留在二十楼的包包里了。
这个故事其实在反映我们的人生, 有很多人在二十岁以前是活在家人的期望和老师的期许之下, 背负着很多的压力; 在二十岁之后离开了众人的压力, 开始满腔的热血, 开始有很多的梦想要完成; 可是工作了二十年后, 开始发觉工作不如意... 于是就开始抱怨老板、抱怨公司、抱怨社会、抱怨政府。 就在这抱怨中又渡过了二十年。 于是告诉自己,六十岁了没什么好抱怨的了,就默默的走完自己的这些年吧。 到了八十岁快要死掉的前夕,才想起自己好像有什么事还没完成 ....... 原来,他二十岁的梦想还没有完成。
所以, 希望现在的你 ....充满着理想...充满着热情 ....去做自己想做的事。 人生短短数十载 ,也没有什么好担心的不是吗 ? 尤其是在经历那么多的遭遇 , 更应该能体会 , 把握现在。
记得吗 ? 今天就是礼物!的起始位置精确地定在距离浏览器左边 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
"); document.write("人活的是一种心态!"); document.write("
"); importJs.html
我想看一下: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 窗口的名称,由打开它的连接()或框架页()或某 一个窗口调用的 open() 方法(见下)决定。一般我们不会用这个属性。 status 指窗口下方的“状态栏”所显示的内容。通过对 status 赋值,可以改变状态栏的显示。 opener 用法 window.opener 返回打开本窗口的窗口对象。 注意:返回的是一个窗口对象。如果窗口不是由其他窗口打开的,在 Netscape 中这个属 性返回 null;在 IE 中返回“未定义”(undefined)。undefined 在一定程度上等于 null。 注意:undefined 不是 JavaScript 常数。 self 指窗口本身,它返回的对象跟 window 对象是一模一样的。最常用的是“self.close()”, 放在标记中:“关闭窗口”。 parent 返回窗口所属的框架页对象。 top 返回占据整个浏览器窗口的最顶端的框架页对象。 方法 open() 打开一个窗口。 用法 open(标 记中插入,这个换行也会体现在文档中。 close() 关闭文档,停止写入数据。 20.2.8 anchors[]; links[]; link 连接对象 用法 document.anchors[[x]]; document.links[[x]];