国产精品乱码一区二三区小蝌蚪,91精品一区二区三区综合,亚洲国产日韩欧美

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 
3 
4 
5 <HTML>
6     <HEAD>
7     <TITLE>CSS字體族科</TITLE>
8         <Style Type="text/css">
9         
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

<HTML>
    <HEAD>
        <TITLE>CSS字體大小</TITLE>
        <Style Type="text/css">
        
        </Style>
    </HEAD>
    <BODY>
    <H1>主流的網頁設計軟件</H1>
    <p class="text">目前，網頁技術進入了一個新的階段，現在的網頁再也不是圖片的堆積和枯燥無味的文本了，人們現在追求的是網頁的動態效果和交互性。而Macromedia公司的網頁設計三劍客軟件Dreamweaver、Flash、Fireworks正是交互性網頁設計的杰出代表，其最新版本MX繼承了前期版本的優點，進行了功能的進一步整合，非常適合于網頁設計和網站建設的需要。</P>
    </BODY>
</HTML>

顯示結果：

3、字體風格

字體風格屬性值	描述
normal	普通的文字
italic	斜體的文字
oblique	傾斜的文字，在中文文字的使用上與italic 并無明顯區別

文件范例：13-6.htm

<HTML>
    <HEAD>
        <TITLE>CSS字體風格</TITLE>
        <Style Type="text/css">
        
        </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

<HTML>
    <HEAD>
    <TITLE>CSS字體加粗</TITLE>
        <Style Type="text/css">
        
        </Style>
    </HEAD>
    <BODY>
    <H1>主流的網頁設計軟件</H1>
    <p class=text>目前，網頁技術進入了一個新的階段，現在的網頁再也不是圖片的堆積和枯燥無味的文本了，人們現在追求的是網頁的動態效果和交互性。而Macromedia公司的網頁設計三劍客軟件Dreamweaver、Flash、Fireworks正是交互性網頁設計的杰出代表，其最新版本MX繼承了前期版本的優點，進行了功能的進一步整合，非常適合于網頁設計和網站建設的需要。</P>
    </BODY>
</HTML>

顯示結果：

posted @ 2007-10-08 11:56 CoderDream 閱讀(2615) | 評論 (0) | 編輯收藏

CSS 層疊樣式表入門與提高

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 閱讀(367) | 評論 (0) | 編輯收藏

什么是CSS和CSS的類型與基本寫法

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中使用：

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

<HTML>
    <HEAD>
        <TITLE>CSS在head中的實現</TITLE>
        <Style Type="text/css">
        
        </Style>
    </HEAD>
    <BODY>
        主流的網頁設計軟件
        <p>目前，網頁技術進入了一個新的階段，現在的網頁再也不是圖片的堆積和枯燥無味的文本了，人們現在追求的是網頁的動態效果和交互性。而Macromedia公司的網頁設計三劍客軟件Dreamweaver、Flash、Fireworks正是交互性網頁設計的杰出代表，其最新版本MX繼承了前期版本的優點，進行了功能的進一步整合，非常適合于網頁設計和網站建設的需要。</P>
    </BODY>
</HTML>

顯示結果：

      2、在<BODY>內實現
            使用下面的語法：

這樣的寫法雖然直觀，但是無法體現出CSS的優勢，因此不推薦使用。
文件范例：13-2.htm

<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文件：

文件范例：13-3.htm

<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 閱讀(2752) | 評論 (0) | 編輯收藏

[zt]俞敏洪--讀書之我見

讀書就像談戀愛一樣，需要環境。讀書一定要有書的香味，書的形狀，書的個性，并根據書的內容的不同，你還需要選擇不同的地點和時間來讀……

優秀的書籍就像難得的朋友，在你不需要的時候，你感覺不到他們的存在；在你需要的時候，他們總是及時地來到你的身邊……

不管走到什么地方，我都隨身帶上一本書，并不是一定要讀書，也并不一定是因為一寸光陰一寸金的緊迫感，只是覺得走到任何地方，如果手里沒有一本書，總覺得不對勁，總覺得心里空空的，手不知道往哪里放。晚上睡覺前要是不拿本書在手中，就覺得世界末日快要來了，其實拿了也不一定讀，但心里踏實，在枕頭邊放著一本書，可以安心睡覺了。每次出差，我都像搬運工似的在行李箱里放上一摞的書，結果經常發現帶的很多書連翻都沒有翻開過，所以告誡自己下次不要帶那么多書。但下次出差仍然還是帶很多書，沉甸甸地背出去，再原封不動地背回家，即使一字不讀，也好像這些書在旅途中填補了心靈某個角落的空白。　

在別人面前讀書和自己一個人讀書，會有很不一樣的感覺和選擇。在別人面前讀書的時候，你總會有意無意地拿一些別人認為值得讀，或者看上去很深奧的書，免得別人以為你太沒學問。一個人獨處的時候是讀書最快樂的時候，你讀什么書完全由你自己選擇。我最喜歡讀的書是漫畫書，就像我看電影最喜歡看卡通電影一樣。雖時常懷疑自己的智商停留在了兒童時期，仍會每次拿到一本漫畫書就喜上眉梢。蔡志忠的漫畫書我讀了無數遍，最近又把韓國作家李元馥的漫畫系列讀了個遍。

讀書就像談戀愛一樣，需要環境。我從來不在電腦中讀任何書籍，在電腦中讀書，就好像和機器人談戀愛。讀書一定要有書的香味，書的形狀，書的個性。根據書的內容的不同，你還需要選擇不同的地點和時間來讀。古代人讀書要焚香洗手，有時候甚至還要有美女相伴，這種境界我們現在是沒辦法達到了。但我們依然可以創造一些小環境。比如讀古文的時候要在深夜，點上一根蠟燭，沏上一杯清茶，一字一句地慢慢讀、慢慢品味；讀詩歌的時候最好是在下雨天，聽著窗外的雨聲，輕輕把詩歌讀出來融入雨中，想著詩人跌宕起伏的命運，讀著詩歌中夢牽魂繞的語言，不禁悲從中來，嚎啕大哭；讀小說的時候最好在野外，或湖邊或山腳，把自己沉浸在小說的情節中，大悲大喜都有山川河流相呼應，不亦快哉；讀哲學書籍應該去鬧市，在人聲鼎沸之處思考存在的意義和出世的意義，即使思考不出所以然也不會出問題，因為你一抬頭就看到了熱鬧的人間。

優秀的書籍就像難得的朋友，在你不需要的時候，你感覺不到他們的存在；在你需要的時候，他們總是及時地來到你的身邊，忠誠地守候在你生命的左右，隨時寬解、充實你那不安、寂寞的靈魂。

posted @ 2007-10-06 10:09 CoderDream 閱讀(288) | 評論 (0) | 編輯收藏

2006.10.08.網摘

1、Eclipse 3 + MinGW3.1配置標準C/C++開發環境

posted @ 2007-10-06 08:06 CoderDream 閱讀(129) | 評論 (0) | 編輯收藏

2007.10.05.網摘

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 閱讀(186) | 評論 (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 閱讀(988) | 評論 (0) | 編輯收藏

第1章 JavaScript 是什么

第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 閱讀(519) | 評論 (0) | 編輯收藏

人生贈言

天下有二難：登天難，求人更難。有二苦：黃連苦，貧窮更苦。有二薄：春冰薄，人情更薄。有二險：江湖險，人心更險；知其難，守質苦，耐其薄，測其險，可以處世矣。海納百川，有容乃大；壁立千仞，無欲則剛。

快速看清一個人的方法：
看一個國家的國民教育，要看他的公共廁所。看一個男人的品味，要看他的襪子。看一個女人是否養尊處優，要看她的手。看一個人的氣血，要看他的頭發。看一個人的心術，要看他的眼神。看一個人的身價，要看他的對手。看一個人的底牌．要看他身邊的好友。
看一個人的性格，要看他的字寫得怎樣。看一個人是否快樂，不要看笑容，要看清晨夢醒時的一剎那表情。看一個人的胸襟，要看他如何面對失敗及被人出賣。看兩個人的關系，要看發生意外時，另一方的緊張程度。
看清楚一個人將來有沒有發展,，要看他(她)回不回帖。

posted @ 2007-09-30 11:44 CoderDream 閱讀(363) | 評論 (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、理賠詳細訊息：