3、CSS的属性和值
3.1、字体属性
3.1.1、字体族科
3.1.2、字体大小
3.1.3、字体风格
3.1.4、字体加粗
字体属性 |
描述 |
font-family |
用一个指定的字体名或一个类的字体族科 |
font-size |
字体显示的大小 |
font-style |
设定字体风格 |
font-weight |
以 bold 为值可以使字体加粗 |
1、字体族科 font-family
文件范例:13-4.htm
1 <!-- ------------------------------ -->
2 <!-- 文件范例:13-4.htm -->
3 <!-- 文件说明:CSS字体族科 -->
4 <!-- ------------------------------ -->
5 <HTML>
6 <HEAD>
7 <TITLE>CSS字体族科</TITLE>
8 <Style Type="text/css">
9 <!--
10 H1{
11 font-family: "隶书"
12 }
13 .text {
14 font-family: "宋体,仿宋_gb2312";
15 }
16 -->
17 </Style>
18 </HEAD>
19 <BODY>
20 <H1>主流的网页设计软件</H1>
21 <p class="text">目前,网页技术进入了一个新的阶段,现在的网页再也不是图片的堆积和枯燥无味的文本了,人们现在追求的是网页的动态效果和交互性。而Macromedia公司的网页设计三剑客软件Dreamweaver、Flash、Fireworks正是交互性网页设计的杰出代表,其最新版本MX继承了前期版本的优点,进行了功能的进一步整合,非常适合于网页设计和网站建设的需要。</P>
22 </BODY>
23 </HTML>
文件说明:
第10~12设定H1标记样式,规定了字体为隶书,第13~15行设定了名为text的自定义样式,规定了字体为宋体或仿宋,即当客户机没有第一种
宋体字体的时候,浏览器会使用第2种仿宋字体显示。
定义了样式后,第20行的标题字会自动应用H1样式,而第21行通过了 class 属性引用了 text 样式。
显示结果:
2、字体大小
单位可以是厘米、像素、磅等,另外还有其他一些值,例如:xx-small、x-small、smaller、x-large、xx-large等。最常用的单位为pt。
文件范例:13.5.htm
<!-- ------------------------------ -->
<!-- 文件范例:13-5.htm -->
<!-- 文件说明:CSS字体大小 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS字体大小</TITLE>
<Style Type="text/css">
<!--
H1{
font-size:14pt
}
.text {
font-size:9pt
}
-->
</Style>
</HEAD>
<BODY>
<H1>主流的网页设计软件</H1>
<p class="text">目前,网页技术进入了一个新的阶段,现在的网页再也不是图片的堆积和枯燥无味的文本了,人们现在追求的是网页的动态效果和交互性。而Macromedia公司的网页设计三剑客软件Dreamweaver、Flash、Fireworks正是交互性网页设计的杰出代表,其最新版本MX继承了前期版本的优点,进行了功能的进一步整合,非常适合于网页设计和网站建设的需要。</P>
</BODY>
</HTML>
显示结果:
3、字体风格
字体风格属性值 |
描述 |
normal |
普通的文字 |
italic |
斜体的文字 |
oblique |
倾斜的文字,在中文文字的使用上与italic 并无明显区别 |
文件范例:13-6.htm
<!-- ------------------------------ -->
<!-- 文件范例:13-6.htm -->
<!-- 文件说明:CSS字体风格 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS字体风格</TITLE>
<Style Type="text/css">
<!--
H1{
font-style:italic
}
.text {
font-style:oblique
}
-->
</Style>
</HEAD>
<BODY>
<H1>主流的网页设计软件</H1>
<p class="text">目前,网页技术进入了一个新的阶段,现在的网页再也不是图片的堆积和枯燥无味的文本了,人们现在追求的是网页的动态效果和交互性。而Macromedia公司的网页设计三剑客软件Dreamweaver、Flash、Fireworks正是交互性网页设计的杰出代表,其最新版本MX继承了前期版本的优点,进行了功能的进一步整合,非常适合于网页设计和网站建设的需要。</P>
</BODY>
</HTML>
显示结果:
4、字体加粗
字体加粗属性值 |
描述 |
值 |
100~900之间 |
normal |
普通的文字 |
bold |
加粗 |
bolder |
特粗 |
lighter |
加细 |
文件范例:13-7.htm
<!-- ------------------------------ -->
<!-- 文件范例:13-7.htm -->
<!-- 文件说明:CSS字体加粗 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS字体加粗</TITLE>
<Style Type="text/css">
<!--
H1{
font-weight:900
}
.text {
font-weight:bolder
}
-->
</Style>
</HEAD>
<BODY>
<H1>主流的网页设计软件</H1>
<p class=text>目前,网页技术进入了一个新的阶段,现在的网页再也不是图片的堆积和枯燥无味的文本了,人们现在追求的是网页的动态效果和交互性。而Macromedia公司的网页设计三剑客软件Dreamweaver、Flash、Fireworks正是交互性网页设计的杰出代表,其最新版本MX继承了前期版本的优点,进行了功能的进一步整合,非常适合于网页设计和网站建设的需要。</P>
</BODY>
</HTML>
显示结果:
posted @
2007-10-08 11:56 CoderDream 阅读(2607) |
评论 (0) |
编辑 收藏
1、什么是CSS
1.1、CSS的基本概念
1.2、CSS的特点
2、CSS的类型与基本写法
2.1、CSS的类型
2.2、CSS的基本写法
2.3、CSS的冲突
3、CSS的属性和值
3.1、字体属性
3.1.1、字体族科
3.1.2、字体大小
3.1.3、字体风格
3.1.4、字体加粗
3.2、文本属性
3.2.1、字母间隔
3.2.2、文字修饰
3.2.3、文字排列
3.2.4、文本缩进
3.2.5、行间距
3.3、颜色和背景属性
3.3.1、颜色
3.3.2、背景颜色
3.3.3、背景图像
3.3.4、背景图像重复
3.3.5、背景图像位置
3.4、边框属性
3.5、鼠标光标属性
3.6、定位属性
3.7、区块属性
3.8、列表属性
4、CSS滤镜
4.1、Alpha属性--设置透明层次
4.2、Blur 滤镜--模糊效果
4.3、FlipH、FlipV 滤镜--水平垂直翻转
4.4、Gray滤镜--灰度
4.5、Invert滤镜--反转
4.6、Xray滤镜--X射线
4.7、Wave滤镜--波纹
posted @
2007-10-07 22:21 CoderDream 阅读(350) |
评论 (0) |
编辑 收藏
1、什么是CSS
1.1、CSS的基本概念 从总体来说,CSS 能够完成下列工作:
a、弥补 HTML 对网页格式化功能的不足,比如段落间距、行距等。
b、字体变化和大小;
c、页面格式的动态更新;
d、排版定位等。
1.2、CSS的特点
a、将格式和结构分离
b、以前所未有的能力控制页面布局
c、制作体积更小、下载更快的页面
d、将许多页面同时更新,比以前更快更容易
e、浏览器将成为更友好的界面
2、CSS的类型与基本写法
2.1、CSS的类型
CSS层叠样式表包含3种类型:
a、自定义CSS,相应的标记中出现“class"属性
如下代码:
.bg {
background-image: url(bg.gif);
}
在HTML中使用:
<body class="bg">
b、重定义标记的CSS
td {
color: #000099;
font-size: 9pt
}
c、CSS选择符
CSS 选择符为特殊的组合标记定义CSS,使用“ID”作为属性,以保证文档具有唯一可用的值。CSS选择符是一种特殊类型的样式,常用的有4种,分别为:
a:link、a:active、a:visited、a:hover
其中:
a:link:设定正常状态下链接文字的样式。
a:active:设定鼠标单击时链接的外观。
a:visited:设定访问过的链接外观。
a:hover:设定鼠标放置在链接文字之上时文字的外观。
如下代码:
a:link {
color: #FF3366;
font-family:"宋体";
text-decoration:none;
}
a:hover {
color: #FF6600;
font-family:"宋体";
text-decoration:underline;
}
a:visited {
color: #339900;
font-family:"宋体";
text-decoration:none;
}
2.2、CSS的基本写法
CSS的基本写法有3种:
1、在 HEAD 内实现,即<HEAD></HEAD>标记内:
文件范例:13-1.htm
<!-- ------------------------------ -->
<!-- 文件范例:13-1.htm -->
<!-- 文件说明:CSS在<head>中的实现 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS在head中的实现</TITLE>
<Style Type="text/css">
<!--
body {
font-family: "黑体";
font-size: 12pt;
line-height: 16pt;
color: #FFFFFF;
background-color: #006699;
}
-->
</Style>
</HEAD>
<BODY>
主流的网页设计软件
<p>目前,网页技术进入了一个新的阶段,现在的网页再也不是图片的堆积和枯燥无味的文本了,人们现在追求的是网页的动态效果和交互性。而Macromedia公司的网页设计三剑客软件Dreamweaver、Flash、Fireworks正是交互性网页设计的杰出代表,其最新版本MX继承了前期版本的优点,进行了功能的进一步整合,非常适合于网页设计和网站建设的需要。</P>
</BODY>
</HTML>
显示结果:
2、在<BODY>内实现
使用下面的语法:
<h3 style="font-size:10pt">
这样的写法虽然直观,但是无法体现出CSS的优势,因此不推荐使用。
文件范例:13-2.htm
<!-- ------------------------------ -->
<!-- 文件范例:13-2.htm -->
<!-- 文件说明:CSS在<body>中的实现 -->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>CSS在body中的实现</TITLE>
</HEAD>
<BODY>
主流的网页设计软件
<p style="font-size:9pt;line-height:12pt;background-color:#FFCC00;font-family:宋体">目前,网页技术进入了一个新的阶段,现在的网页再也不是图片的堆积和枯燥无味的文本了,人们现在追求的是网页的动态效果和交互性。而Macromedia公司的网页设计三剑客软件Dreamweaver、Flash、Fireworks正是交互性网页设计的杰出代表,其最新版本MX继承了前期版本的优点,进行了功能的进一步整合,非常适合于网页设计和网站建设的需要。</P>
</BODY>
</HTML>
显示结果:
3、在文件外的调用
CSS 的定义既可以是在HTML文档内部,也可以单独成立文件,如下代码是将CSS样式链接到外部到style.css文件:
<link rel="stylesheet" href="style.css" type="text/css">
文件范例:13-3.htm
<!-- ------------------------------ -->
<!-- 文件范例:13-3.htm -->
<!-- 文件说明:调用外部的CSS样式文件-->
<!-- ------------------------------ -->
<HTML>
<HEAD>
<TITLE>调用外部的CSS样式文件</TITLE>
<link href="13-3.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
主流的网页设计软件
<p class="t">目前,网页技术进入了一个新的阶段,现在的网页再也不是图片的堆积和枯燥无味的文本了,人们现在追求的是网页的动态效果和交互性。而Macromedia公司的网页设计三剑客软件Dreamweaver、Flash、Fireworks正是交互性网页设计的杰出代表,其最新版本MX继承了前期版本的优点,进行了功能的进一步整合,非常适合于网页设计和网站建设的需要。</P>
</BODY>
</HTML>
文件范例:13-3.css
.t {
font-family: "宋体";
font-size: 9pt;
text-decoration: underline;
letter-spacing: 3px;
line-height: 12pt;
}
显示结果:
2.3、CSS的冲突
a、执行最近的
b、CSS样式优先级高于HTML样式
posted @
2007-10-07 22:10 CoderDream 阅读(2744) |
评论 (0) |
编辑 收藏
读书就像谈恋爱一样,需要环境。读书一定要有书的香味,书的形状,书的个性,并根据书的内容的不同,你还需要选择不同的地点和时间来读……
优秀的书籍就像难得的朋友,在你不需要的时候,你感觉不到他们的存在;在你需要的时候,他们总是及时地来到你的身边……
不管走到什么地方,我都随身带上一本书,并不是一定要读书,也并不一定是因为一寸光阴一寸金的紧迫感,只是觉得走到任何地方,如果手里没有一本书,总觉得不对劲,总觉得心里空空的,手不知道往哪里放。晚上睡觉前要是不拿本书在手中,就觉得世界末日快要来了,其实拿了也不一定读,但心里踏实,在枕头边放着一本书,可以安心睡觉了。每次出差,我都像搬运工似的在行李箱里放上一摞的书,结果经常发现带的很多书连翻都没有翻开过,所以告诫自己下次不要带那么多书。但下次出差仍然还是带很多书,沉甸甸地背出去,再原封不动地背回家,即使一字不读,也好像这些书在旅途中填补了心灵某个角落的空白。
在别人面前读书和自己一个人读书,会有很不一样的感觉和选择。在别人面前读书的时候,你总会有意无意地拿一些别人认为值得读,或者看上去很深奥的书,免得别人以为你太没学问。一个人独处的时候是读书最快乐的时候,你读什么书完全由你自己选择。我最喜欢读的书是漫画书,就像我看电影最喜欢看卡通电影一样。虽时常怀疑自己的智商停留在了儿童时期,仍会每次拿到一本漫画书就喜上眉梢。蔡志忠的漫画书我读了无数遍,最近又把韩国作家李元馥的漫画系列读了个遍。
读书就像谈恋爱一样,需要环境。我从来不在电脑中读任何书籍,在电脑中读书,就好像和机器人谈恋爱。读书一定要有书的香味,书的形状,书的个性。根据书的内容的不同,你还需要选择不同的地点和时间来读。古代人读书要焚香洗手,有时候甚至还要有美女相伴,这种境界我们现在是没办法达到了。但我们依然可以创造一些小环境。比如读古文的时候要在深夜,点上一根蜡烛,沏上一杯清茶,一字一句地慢慢读、慢慢品味;读诗歌的时候最好是在下雨天,听着窗外的雨声,轻轻把诗歌读出来融入雨中,想着诗人跌宕起伏的命运,读着诗歌中梦牵魂绕的语言,不禁悲从中来,嚎啕大哭;读小说的时候最好在野外,或湖边或山脚,把自己沉浸在小说的情节中,大悲大喜都有山川河流相呼应,不亦快哉;读哲学书籍应该去闹市,在人声鼎沸之处思考存在的意义和出世的意义,即使思考不出所以然也不会出问题,因为你一抬头就看到了热闹的人间。
优秀的书籍就像难得的朋友,在你不需要的时候,你感觉不到他们的存在;在你需要的时候,他们总是及时地来到你的身边,忠诚地守候在你生命的左右,随时宽解、充实你那不安、寂寞的灵魂。
posted @
2007-10-06 10:09 CoderDream 阅读(278) |
评论 (0) |
编辑 收藏
1、
Eclipse 3 + MinGW3.1配置标准C/C++开发环境
posted @
2007-10-06 08:06 CoderDream 阅读(125) |
评论 (0) |
编辑 收藏
1、
统计字符串中的重复部分并整理输出
2、
未来游戏设计的十大技术挑战(震撼)
3、
JVM中的内存分配
4、
北大青鸟 软件工程师 4.0 教学PPT和源代码
5、
实用项目管理读书笔记(3)
6、
Eclipse插件之Spring IDE
7、
货币原理及人民币升值问题的阐述[转]
8、
一个百度面试题 - n个数中找最大的两个数最少比较次数
9、
如何使用java动态创建ODBC数据源
10、
JavaScript中的数字排序方法
11、
Oracle SQL培训笔记[开发人员][一]
12、
[转]JAVA IO流
13、
中英对照:WindowsServer虚拟技术前瞻
14、
在Tomcat5.5中配置Mysql数据库连接池 、
15、
自己写的内存管理工具类,支持简单的垃圾回收
16、
开发工具统一配置(JavaEE)
17、
要求精确答案就避免使用double和float
18、
jPCT-----Java做3D开发的免费类库
19、
zz:编程修养
20、
zz:计算机科学与技术学习反思录
21、
计算机科学与技术学习心得(zz)
22、
Java 专业人士必备的书籍和网站列表
23、
Java编写的目录监视器(DirectoryWatcher)源码
24、
[转载]你的四金到底有多少?
25、
SpringMVC
26、
Junit速成
posted @
2007-10-05 16:02 CoderDream 阅读(182) |
评论 (0) |
编辑 收藏
摘要:不论是在校大学生还是社会人士,从事IT业或将来要从事IT业的人不在少数。每个IT人都有自己的梦想,社会竞争如此激烈,一个适当的人生规划能助你一臂之力,让我们一起追寻成功人士的步伐,从中汲取经验。
我今年39岁了,25岁研究生毕业,工作14年,回头看看,应该说走了不少的弯路,有一些经验和教训。现在开一个小公司,赚的钱刚够养家糊口。看看这些刚毕业的学生,对前景也很迷茫,想抛砖引玉,谈谈自己的看法,局限于理工科的学生,我对文科的不懂,身边的朋友也没有这一类型的。
91年研究生毕业,那时出路就是1种:留在北京的国营单位,搞一个北京户口,这是最好的选择。到后来的2-3年内,户口落定了,又分成5条出路:
1、上国内的大企业,如:华为;
2、自己做公司,做产品开发;
3、上外企,比如:爱立信、诺基亚;
4、自己做公司,做买卖;
5、移民加拿大。
我想,首先要看自己适合做什么?做技术还是做买卖。
做技术,需要你对技术感兴趣。我掰着数了一遍,我们研究生班的30来号人,实际上适合做技术的,大概只有3、4个人,这几个人,1个现在还在华为,3个移民加拿大了,现在这4个人混得还可以,在华为的同学也移民加拿大了,他在华为呆了6年,在华为奖金工资加起来大概30万吧,还有华为的股票,再过几年,华为的股票一上市,也能值个100-200万。要是一毕业就去华为,那现在就绝对不是这个数字了。
要是做技术,最好的就是上大公司,国内的大型企业,像华为中兴肯定是首选,能学到很多东西。华为虽然累,但是,年轻人不能怕累,要是到老了,还需要去打拼,那才是真的累啊。在外企,我想他们主要就是技术支持和销售,但是技术是学不到的,当然不能一概而论,我指的是象爱立信和诺基亚,真正的研发不会在中国做的,学到的也不如在华为多,其它的中兴我不是很了解,我想应该也不错。
一个人都有一技之长,有傍身之技,那是最好的,走到哪里,都能有一口饭吃,还吃得不错,这是传统的观点。
任何技术都是要在某个行业去应用,这个行业市场越大当然越好;要在一个领域之内,做深做精,成为绝对的专家,这是走技术道路的人的选择。不要跳来跳去,在中国,再小的行业你要做精深了,都可以产生很大的利润。
研究生刚毕业的时候,做产品开发的有不少人,都是自己拍拍脑子,觉得这个产品有市场,就自己出来做。现在看来,我的这些同学,做产品开发的成功的没有一例,为什么?资源不足。
1. 资金,刚毕业的学生,就是没钱;没钱,也意味着你开发的东西都是小产品,而且只能哥几个自己上,研发、生产、销售都是一个人或者几个人自己来,没有积累,什么都是重新来过。
2. 人脉,任何一个行业,要想进去,需要有很深的人脉,否则,谁会用你的东西?谁敢用你的东西?我这个班上开发产品的、自己还在坚持的,只剩下一个人了,说实在的,到现在,没有自己的汽车,也没有自己的房子,混得挺惨。
其次就是上外企。我的2个同学,一个上了爱立信,一个先到爱立信后到诺基亚,都混得不错。到诺基亚的后来利用在诺基亚结识的人脉自己开了公司,也赚了不少钱.外企最大的好处就是除了能学到比较规范的管理外,还能给你的职业生涯镀金。
自己做公司,做买卖,一开始有3-4个人走这条路,但是真正发财的只有一个人。做买卖,还是要有一定的天赋,还有机遇。要有对金钱的赤裸裸的欲望,要有商业上的头脑。后来我们同学在一起谈,说,我们即使给自己这个机遇,也未必能做得好。
移民加拿大对搞技术的人来说,还是一个不错的选择,但是要尽早,练了几年的技术,就赶紧出去,大概是在1996年走了不到10个,现在都还可以,买了房子和车了。要是晚了,语言再学也难了。
关于我自己,先是在国营的研究所混了4年,后来到一家公司干了6年,2002年出来自己做公司,现在算是有房有车,有点积蓄,但是不多,还有一个可爱的女儿。回首这10来年,有一些经验和教训。
1. 要有一个职业生涯的规划。首先需要定位自己做什么合适,是做买卖还是做技术,一条路走到底;当然,做了技术,后来改行也行;
2. 做技术,就是要做精做深,成为这个行业的这个技术的专家;最好就是去国内的大公司,才能全面学到东西,能够给你培训的机会;如果大公司进不去,先到小公司练技术,找机会再到大公司去镀金,学高深的技术。千万不要自己做产品,要做也是对这个行业熟悉了,再去做。
3. 积极争取机会。积极争取学习和进步的机会。比如做技术,就需要多锻炼,多学习,来提高自己的水平。一门技术,只要有机会去学习,都能学得会;要是没有机会,天才也没有办法学到这个技术。柳传志就说,杨元庆就是“哭着喊着要进步”,实际上,就是争取自己的机会;当然,这种强烈的进步欲望,也是领导看重的地方。
4. 积累个人的信誉。从你的职业生涯的第一天,就要按照诚信的原则办事。要做到,当人们提起你的名字的时候,说,这哥们还不错,做事还行。
5. 注意利用资源。如果你有有钱的亲戚、成功的长辈或者朋友,可以充分利用这些机会,得到更加顺利的发展前景。
6. 注意财富的不断积累。人生要想得到自由,财富是很关键的。否则,永远仰人鼻息,永远看人脸色。人都是势利眼。今后的家庭、职业生涯,金钱的积累很重要,没有钱 ,永远不能开张自己的事业,得到更多的机会;财富要做到逐年积累,你才能家庭生活幸福。没有钱是不可能有幸福的家庭。
7. 注意人脉的积累。最终,事业要靠在社会上的人脉的资源。要注意认识在你这个行业的人,结交他们,最终他们会成为你事业上的助力。
8. 寻求贵人相助。要找大老板来帮助你,得到大老板的赏识。想想看,大蛋糕,切一点就够了,小蛋糕,都给你也吃不饱。
9. 多听听成功的前辈和成功的朋友的意见。注意少听家里长辈的意见,尤其是都已经退休的长辈,他们对社会的认识还停留在很久以前,而这个社会已经发生很大的变化。最重要的是,长辈有时候会强求你做一些事情,但是,最终的结果他们是不负责的。
posted @
2007-10-05 14:57 CoderDream 阅读(972) |
评论 (0) |
编辑 收藏
第1章 JavaScript是什么
1.1 历史简述
1997年,JavaScript 1.1 作为一个草案提交给欧洲计算机制造商协会(ECMA)。第39技术委员会(TC39)被委派来“标准化一个通用、跨平台、中立于厂商的脚本语言的语法和语义”(http://www.ecma-international.org/memento/TC39.htm)。TC39锤炼出了ECMA-262,该标准定义了叫做ECMAScript的全新脚本语言。在接下来的几年里,国际标准化组织及国际电工委员会(ISO/IEC)也采纳ECMAScript作为标准(ISO/IEC-16262)。
1.2 JavaScript实现
JavaScript实现是由以下3个部分组成的:
-核心(ECMAScript)
-文档对象模型(DOM)
-浏览器对象模型(BOM)
1.2.1 ECMAScript
ECMAScript描述了以下内容:
语法;
类型;
语句;
关键字;
保留字;
运算符;
对象。
ECMAScript仅仅是一个描述,定义了脚本语言的所有属性、方法和对象。其他的语言可以实现ECMAScript来作为功能的标准,JavaScript就是这样。
1.2.1.1 ECMAScript的版本
最新的ECMA-262的版本是第三版,于1999年12月发布。
第一版:删除来与浏览器相关的代码的JavaScript1.1。
第二版:大部分更新本质上是编辑性的,未特别添加、更改和删除内容。
第三版:提供了对字符串处理、错误定义和数组输出的更新。同时,它还增加了正则表达式、新的控制语句、try...catch异常处理的支持,以及一些为使标准国际化而做的小改动。标志着ECMAScript成为一种真正的编程语言。
1.2.1.2 何谓ECMAScript符合性
一个脚本语言必需满足以下四项基本原则:
符合的实现必须按照ECMA-262中所描述的支持所有的“类型、值、对象、属性、函数和程序语法及语义;
符合的实现必须支持Unicode字符标准(UCS);
符合的实现可以增加没有在ECMA-262中指定的“额外的类型、值、对象、属性和函数”。
符合的实现可以支持没有在ECMA-262中定义的“程序和正则表达式语法”即可以替换或者扩展内建的正则表达式支持。
1.2.1.3 Web浏览器中的ECMAScript支持
以下版本支持ECMA-262第三版:Netscape 6.0+(Mozilla 0.6.0+)、Internet Explorer 5.5+、Opera 7.2+、Safari 1.0+/Konqueror~2.0+
1.2.2 DOM
DOM(文档对象模型)是HTML和XML的应用程序接口(API)。DOM将整个页面规划成由节点层级构成的文档。HTML或XML页面的每个部分都是一个节点的衍生物。
请考虑下面的HTML页面:
<html>
<head>
<title>Sample Page</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
这段代码可以用DOM绘制成一个节点层次图。
DOM通过创建树来表示文档,从而使开发者对文档的内容和结构具有空前的控制力。用DOM API可以轻松地删除、添加和替换节点。
1.2.2.1 为什么DOM必不可少
保持Web的跨平台特性,Web通信标准的团体W3C(World Wide Web Consortium)开始制定DOM。
1.2.2.2 DOM的各个Level
DOM Level 1 是W3C于1998年10月提出的。它由两个模块构成,即DOM Core和DOM HTML。前者提供了基于 XML 的文档的结构图,以方便访问和操作文档的任意部分;后者添加了一些 HTML 专用的对象和方法,从而扩展了DOM Core。
DOM Level 1 只有一个目标,即规划文档的结构。
DOM Level 2 引入了几种 DOM 新模块,用于处理新的接口类型:
DOM 视图--描述跟踪文档的各种视图(即 CSS 样式化之前和 CSS 样式化之后的文档)的接口;
DOM 事件--描述事件的接口;
DOM 样式--描述处理基于 CSS 样式的接口;
DOM 遍历和范围--描述遍历和操作文档树的接口。
DOM Level 3 引入了以统一的方式载入和保存文档的方法(包含在新模块 DOM Load and Save 中)以及验证文档(DOM Validation)的方法,从而进一步扩展了 DOM 。在Level 3 中,DOM Core 被扩展为支持所有的 XML 1.0 特性,包括 XML Infoset、XPath 和 XML Base。
1.2.2.3 其他 DOM
可缩放矢量图形(SVG)1.0;
数学标记语言(MathML)1.0;
同步多媒体集成语言(SMIL)。
1.2.2.4 Web 浏览器中的 DOM 支持
1.2.3 BOM(浏览器对象模型)
BOM 主要处理浏览器窗口和框架,扩展部分包括:
弹出新的浏览器窗口;
移动、关闭浏览器窗口以及调整窗口大小;
提供 Web 浏览器详细信息的导航对象;
提供装载到浏览器中页面的详细信息的定位对象;
提供用户屏幕分辩率详细信息的屏幕对象;
对 Cookie 的支持;
IE 扩展了 BOM,加入了 ActiveXObject 类,可以通过 JavaScript 实例化 ActiveX 对象。
1.3 小结
本章介绍了 JavaScript 这种客户端 Web 浏览器脚本语言,了解了构成 JavaScript 完整实现的各个部分:
JavaScript 的核心 ECMAScript 描述了该语言的语法和基本对象;
DOM 描述了处理页面内容的方法和接口;
BOM 描述了与浏览器进行交互的方法和接口。
posted @
2007-10-04 21:35 CoderDream 阅读(510) |
评论 (0) |
编辑 收藏
天下有二难:登天难,求人更难。有二苦:黄连苦,贫穷更苦。有二薄:春冰薄,人情更薄。有二险:江湖险,人心更险;知其难,守质苦,耐其薄,测其险,可以处世矣。海纳百川,有容乃大;壁立千仞,无欲则刚。
快速看清一个人的方法:
看一个国家的国民教育,要看他的公共厕所。看一个男人的品味,要看他的袜子。看一个女人是否养尊处优,要看她的手。看一个人的气血,要看他的头发。看一个人的心术,要看他的眼神。看一个人的身价,要看他的对手。看一个人的底牌.要看他身边的好友。
看一个人的性格,要看他的字写得怎样。看一个人是否快乐,不要看笑容,要看清晨梦醒时的一刹那表情。看一个人的胸襟,要看他如何面对失败及被人出卖。看两个人的关系,要看发生意外时,另一方的紧张程度。
看清楚一个人将来有没有发展,,要看他(她)回不回帖。
posted @
2007-09-30 11:44 CoderDream 阅读(353) |
评论 (0) |
编辑 收藏
1、输入被保人身份证号码:F121557706,然后点查询:
2、查询结果为该被保人有3种累计类别的保单,选择“LIFE”类型的累计类别,进入详细资料页面:
3、该累计类别下有5张保单,选择再保号码为:LF-05-081577的这笔资料,进入保单再保明细页面:
4、选择“续期明细查询”,进入“续期详细列表”页面:
5、选择再保年度为“5”的这笔资料,进入“续期明细信息”页面:
6、续期详细信息:
7、如果在“保单再保明细”页面点击“变更明细查询”按钮,则进入“变更明细列表”页面:
8、选择“会计年月”为“200509”的这笔资料,则进入“变更详细讯息”页面:
9、变更详细讯息:
10、由于有需求和变更的被保人不一定有理赔资料,所以换另一个被保人:F101863552
11、“累计类别”选“LIFE”:
12、“再保号码”选“LF-92-014022 ”:
13、单击“理赔明细信息”按钮:
14、选择“会计年月”为“199010”,“给付种类”为“准备帐”的这笔资料:
14、理赔详细讯息:
posted @
2007-09-29 11:18 CoderDream 阅读(335) |
评论 (0) |
编辑 收藏