快捷導(dǎo)航

Javascript實(shí)例教程(19) 使用HoTMetal(1)

更新時(shí)間：2006年12月23日 00:00:00 作者：

HotMetal PRO 6.0是強(qiáng)大易用的網(wǎng)站編輯和發(fā)布工具。在本教程中我們?cè)贖otMetal中使用javascript。在HotMetal中,JavaScript支持是基于HotMetal為你提供了豐富的資源以及對(duì)象。它包含了幾個(gè)新的對(duì)象，比如訪問DOM的對(duì)象。另外，HotMetal支持一些ActiveX控件。這些控件以及Windows腳本支持使得HotMetal成為了JavaScript設(shè)計(jì)人員一個(gè)不可多的功能強(qiáng)大的開發(fā)環(huán)境。

在本節(jié)教程中，你將可以學(xué)到：

怎樣為按鈕增加連接宏；

怎樣為菜單條增加按鈕；

什么樣的資源適合于腳本編寫；

怎樣編寫文檔格式的腳本；

怎樣編寫腳本來檢查上次修改的日期；

怎樣編寫一個(gè)保存模塊腳本；

怎樣識(shí)別所有的預(yù)定義的宏；

好吧，下頁開始就逐個(gè)介紹。

HoTMetal中使用Javascript

1.怎樣為按鈕增加連接宏：

HotMetal通過宏可以支持腳本。宏可以利用工具條按鈕和其它方式來進(jìn)行調(diào)用，這點(diǎn)我們?cè)诤竺娴慕坛讨袑?huì)涉及到。所有的HotMetal的宏應(yīng)該存儲(chǔ)在一個(gè)單一的文件中，比如hotmetal.mcr。這個(gè)文件是在宏文件夾SoftQuad\HotMetal PRO 6.0中。假如你已經(jīng)安裝了HoTMetal PRO 6.0在缺省的目錄C盤下，那么你的宏文件就處在C:\Program Files\SoftQuad\HoTMetaL PRO 6.0\Macros\hotmetal.mcr中。這里要注意的是文件的擴(kuò)展名為.mcr，但是它不能在HoTMetal的環(huán)境中進(jìn)行編輯。你可以使用任何的文本編輯器對(duì)它進(jìn)行編輯，比如Notepad等等。HotMetal PRO 6.0安裝的時(shí)候?yàn)橛脩舭惭b了大約20個(gè)的預(yù)定義的宏。你可以通過hotmetl.mcr文件來瀏覽它們。你也可以通過選擇工具菜單上的Macros（宏）來找到它們。

其中一種允許宏的方法是創(chuàng)建一個(gè)工具條按鈕并使它于宏連接上。點(diǎn)擊按鈕就觸發(fā)了在宏定義了的腳本的執(zhí)行。當(dāng)你從試圖菜單中選擇了工具條，你就會(huì)看到如圖1的對(duì)話框。

（圖1）

圖中第一個(gè)標(biāo)簽(Toolbars，工具條)可以讓你增加、刪除以及操作工具條。因?yàn)槲覀儾幌敫淖內(nèi)魏蔚墓ぞ邨l，所以這個(gè)標(biāo)簽現(xiàn)在我們暫時(shí)不使用。點(diǎn)擊按鈕（Buttons）標(biāo)簽，并從分類欄中選擇” Application Macros（應(yīng)用宏）”，這里注意新的文本對(duì)話框就會(huì)出現(xiàn)在右邊，如圖2所示：

（圖2）

在列表框中的第一個(gè)宏是” Apply Layout to Document.”。讓我們?yōu)樗惭b一個(gè)按鈕到標(biāo)準(zhǔn)工具條上。
首先，為按鈕選擇一張圖片。當(dāng)你點(diǎn)擊選擇圖片按鈕的時(shí)候，你將可以從許多調(diào)色板中選擇一張圖片。一旦你點(diǎn)擊了其中一張，你將可以得到如圖3的窗口：

（圖3）

在本例子中選擇一個(gè)黃色的笑臉的圖片，如圖4所示：

（圖4）

現(xiàn)在拖拉這個(gè)笑臉的圖標(biāo)到標(biāo)準(zhǔn)的工具條中，或者其它的工具條。關(guān)閉工具條和菜單定制對(duì)話框。這是新的按鈕就會(huì)出現(xiàn)在標(biāo)準(zhǔn)的工具條中或者其它你選擇的工具條。下面是擴(kuò)展了的標(biāo)準(zhǔn)工具條視圖，如圖5所示：

（圖5）

現(xiàn)在讓我們?cè)囈辉囘@個(gè)宏吧。首先打開一個(gè)HTML文件，為簡單起見，這里選擇D:\Program Files\SoftQuad\HoTMetaL PRO 6.0\Tutorial\samples\lesson1中的about.htm。點(diǎn)擊HoTMetaL PRO 6.0's HTML Source View標(biāo)簽，并且在它們前面以空格填充向右移動(dòng)，然后點(diǎn)擊中那個(gè)笑臉按鈕。這是源程序就會(huì)自動(dòng)改變以反應(yīng)在定制對(duì)話框中描述的版面定義。這時(shí)你將看到源泉代碼返回到它的原版面格式。