論XML、XSL和JavaScrip技術的網頁制作技巧

論ＸＭＬ、ＸＳＬ和ＪａｖａＳｃｒｉｐ

技術的網頁制作技巧

魯薇‘

三Ｕ耽ｉ

摘要

美鍵詞

多媒體課件是提高教學效果和質量的重要手段。其制ＸＳＬＴ將ＸＭＬ轉換成ＨＴＭＬ，需要轉換引擎的支持。Ｍｉ—

作方法多種多樣，各有特點。通常如：演示課件用Ｐｏｗｅｒ－

ｐｏｉｎｔ、Ａｕｔｈｏｒｗａｒｅ、Ｄｉｒｅｃｔｏｒ制作較為方便；流程復雜的用Ｖｉｓｕ—

ａｌ

ｃｒｏｓｏｆｔ開發的ＭｓＸＭＬ２就是一種轉換引擎，它己嵌入在瀏覽

器（Ｉｎｔｅｍｅｔ

Ｅｘｐｌｏｒｅｒ）系統中。當計算機使用微軟的視窗操

作系統時，ＩＥ瀏覽器默認安裝就提供了ＭｓＸＭＬ２轉換引擎，Ｂａｓｉｃ等編程工具制作較為便利；網頁課件用Ｆｒｏｎｔ—ｐａｇｅ，

以及ＪａｖａＳｃｒｉｐｔ語言的自動支持。即在ＪａｖａＳｃｒｉｐｔ的控制下，Ｄｒｅａｍｖｅａｖｅｒ制作較為常見；動態網頁課件用ＡＳＰ、ＰＨＰ、ＪＳＰ

讀?。兀停虜祿停兀樱虡邮奖砦募?，經ＭｓＸＭＬ２轉換引擎的制作較為流行。但當制作數據量大、流程復雜、交互性強的

作用，動態生成ＨＴＭＬ描述。多媒體課件時，上述制作方法存在要么重復煩瑣、要么流程

該體系的工作流程是：客戶端ＩＥ瀏覽器顯示課件頁面，

用戶操作發出顯示下一頁面的請求，ＪａｖａＳｃｒｉｐｔ控制讀取需要交互性、可控性、移植性融為一體。筆者采用ＸＭＬ、ＸＳＬ和

的ＸＭＬ和ＸＳＬ文檔，在ＭｓＸＭＬ２引擎的作用下，轉換成ＨＴ—

ＭＬ動態描述，最后在瀏覽器中顯示出請求的頁面。網頁課

控制難度大、要么安裝運行環境復雜等弊端，難以將簡便性、

．ＪａｖａＳｃｒｉｐｔ技術應用于網頁課件制作，能較好地兼顧了簡便、

程控、交互、移植等方面的要求。下面把制作的方法和技巧

ＸＭＬ和樣式表文件ＸＳＬ，進行轉換形成ＨＴＭＬ動態文檔，而

后送入瀏覽器的ＨＴＭＬ標記對象顯示。接口程序示意如下：Ｎｏｄｅｓ（“／／ｘｓｌ：ｐａｒａｍ”）；

／／轉換接口函數ＪａｖａＳｒｉｐｔ文件：ｉｎｔｅｒｆａｃｅ．ｊ

Ｓ

Ｖａｒｓｈｅｅｔｓｅｌｅｃｔ

ｎｏｄｅｓ＝ｓｔｙｌｅ

Ｆｏｒ（ｖａｔｉ＝０；ｉ＜ｎｏｄｅｓ．１ｅｎｇｔｈ；＋＋ｉ）｛

Ｉｆ（ｎｏｄｅｓ（ｉ）．ｇｅｔＡｔｔｒｉｂｕｔｅ（“ｎａｍｅ”）＝＝“ｐｌ”）｛／／人口參數：ｈｔｍｌＯｂｊ為ＨＴＭＬ標記對象，ｅｏｕｒｓｅｗａｒｅ

ｎｏｄｅｓ（ｉ）．ｔｅｘｔ

｝

２

ＤａｔａＸＭＬ為課件數據

／／ＸＭＬ文檔，ｃｏｕｒｓｅｗａｒｅＳｔｙｌｅＸＳＬ為課件顯示樣式表文

檔。

ｆｕｎｃｔｉｏｎｃｏｕｒｓｅｗａｒｅＤａｔａＸＭＬ，

ｉｎｔｅｒｆａｃｅ

ｐｌ；

（ｈｔｍｌＯｂｊ

Ｉｆ（ｎｏｄｅｓ（ｉ）．ｇｅｔＡｔｔｒｉｂｕｔｅ（“ｎａｎｌｅ”）＝＝“ｐｎ”）｛

ｎｏｄｅｓ（ｉ）．ｔｅｘｔ＝ｐｎ；

｝

ｃｏｕｒｓｅｗａｒｅＳｔｙｌｅＸＳＬ）

｛

ｔｒｙ｛

ｖａｒ

ｓｏｕｒｃｅ＝ｎｅｗ

ＡｃｔｉｖｅＸＯｂｊｅｃｔ（＂Ｍｓｘｍ

２．ＤＯＭＤｏｃｕ—ｈｔｍｌｉｎｎｅｒＨＴＭＬ＝ｓｏｕｒｃｅ．ｔｒａｎｓｆｏｒｍ

ＯｂｊＮｏｄｅ（ｓｔｙｌｅ

ｍｅｎｔ）；

ｓｏｕｒｃｅ．ａｓｙｎｃ＝ｆａｌｓｅ；

ｓｈｅｅｔ）；

ｓｏｕｒｃｅ．ｒｅｓｏｌｖｅＥｘｔｅｍａｌｓ＝ｆａｌｓｅ；

ｓｏｕｒｃｅ．１０ａｄ（ｃｏｕｒｓｅｗａｒｅＤａｔａＸＭＬ）；／／調入課件數據文

檔

ｖａｒ

同時，在ＸＳＬ樣式表模板的前面定義全局變量，以接收

接口函數傳遞過來的參數。在樣式模板中通過測試、選擇、

ｓｔｙｌｅｓｈｅｅｔ＝ｎｅｗ

ＡｃｔｉｖｅＸＯｂｊｅｃｔ（‘‘Ｍｓｘｍｌ

２．ＤＯＭ

循環時應用該參數，即可動態改變交互的顯示流程，使送到

ＩＥ瀏覽器的顯示界面發生動態改變。ＸＳＬ文檔參數定義示

Ｄｏｃｕｍｅｎ

ｔ”）；

ａｓ

ｓｔｙｌｅ

ｓｈｅｅｔ

ｙｎｃ＝ｆａｌｓｅ；

例如下：

＜？ｘｍｌｓｈｅｅｔｒｅｓｏｌｖｅ

ｓｔｙｌｅ

Ｅｘｔｅｒｎａｌｓ＝ｆａＩｓｅ；

ｓｔｙｌｅ

ｓｈｅｅｔ＜ＫＳ：ｌ

ｖｅｒｓｉｏｎ＝“１．０”ｅｎｃｏｄｉｎｇ＝“ｇｂ２３１２”？＞

ｖｅｒｓｉｏｎ＝“１．０”ｘｍ

Ｉｎｓ：ｘｓｌ＝“ｈｔｔｐ：／／ｓｔｙｌｅｓｈｅｅｔ

ｌｏａｄ（ｃｏｕｒｓｅＸＳＬ）；／／調入課件顯

ｗａｒｅ

Ｓｔｙｌｅ

示樣式表文檔ｍⅢ．ｗ３．ｏｒｇ／１９９９／ＸＳＬ／Ｔｒａｎｓｆｏｍ’’＞

ｖａｒｈｔｍ

Ｄｏｃｕｍｅｎｔ＝ｓｏｕｒｃｅ＜ｘｓ：ｌ

ｔｒａｎｓｆｏｒｍＮｏｄｅ（ｓｔｙｌｅｓｈｅｅｔ）；

ｐａｒａｍｎａｍｅ＝“ｐｌ”＞＜／ｘｓ：ｌｐａｒａｍ＞

／／轉換成ＨＴＭＬ文檔

ｈｔｍｌＨＴＭＬ＝ｈｔｍｌ＜Ｘ８：ｌ

Ｏｂｊｉｎｎｅｒ

Ｄｏｃｕｍｅｎｔ；／／送到瀏覽器顯

ｐａｒａｍｎａｍｅ＝“ｐｎ”＞＜／ｘｓ：１ｐａｒａｍ＞

示｝ｃａｔｃｈ（ｅｉｌ－）｛

ｈｔｒｎ＜／ｘｓ：１

ＯｂｊｉｎｎｅｒＴｅｘｔ＝“轉換錯誤！”；

ｓｔｙｌｅ

ｓｈｅｅｔ＞

件檢出率。這個指標反映了過濾系統發現垃圾郵件的能力，全率，比如考慮附件的作用、當郵件被分類為合法和“垃圾”

召回率越高，“漏網”的垃圾郵件就越少。郵件的概率接近時，如何選擇一個合適的比值來決定郵件的

（２）正確率（Ｐｒｅｃｉｓｉｏｎ）：Ｐｒｅｃｉｓｉ。ｎ。Ａ土＋Ｂ

＾

４

１００％即垃圾

類別等，并將該過濾器應用到實際的電子郵件系統中。

郵件檢對率。正確率反映了過濾系統“找對”垃圾郵件的能

力，正確率越大，將非垃圾郵件誤判為垃圾郵件的數量越少。

３．２實驗結果

通過對貝葉斯過濾器的研究和分析，使用ＶＣ＋＋語言

設計了一個基于Ｂａｙｅｓｉａｎ方法的客戶端郵件過濾器，它依據

郵件的內容來過濾郵件。

使用中國反垃圾郵件聯盟＂１中提供的中文郵件語料庫

作為訓練集和測試集，來評估郵件過濾器的性能。從中選取

１０００封郵件，其中合法郵件與“垃圾”郵件各占５００封，采取

這樣的取樣比例，主要是依據目前全球“垃圾”郵件占電子郵

件的比例。將這１０１３０封郵件分為兩組，訓練集和測試集各

占５００封，正確率為９５．５２％，召回率為９４．３％。

參考文獻：

［１］申紅，呂寶糧，內山將夫，井佐原均．文本分類的特征提

取方法比較與改進［Ｊ］．計算機仿真，２００６．３：０２２２—

０２２５．

［２］丁文斌，李斌，羅浩．基于改進貝葉斯的垃圾郵件過濾

系統設計與實現［Ｊ］．計算機工程與應用，２００５．１８：１２７

—１３１．

［３］王斌，潘文鋒．基于內容的垃圾郵件過濾技術綜述［Ｊ］．

中文４－－ａ息學報，２００５．５：１—１０．

［４］中國反垃圾郵件中心．２００６年第一次反垃圾郵件報