Transcript Document

VBScript入門與應用
網頁描述性語言與VBScript：
• 當WWW開始風行以後，HTML是使用者唯一可以用來設
計網頁的語言，但是HTML的功能相當有限，它以網頁的
型式呈現資訊給使用者，幾乎無法與使用者端產生任何的
互動，也漸漸使得以HTML為主架構的網頁難以滿足真正
的使用需求。
• 這些要求使得HTML不斷的改進，如瀏覽器的更新、
Script語言的產生，以及新的HTML特性等。Script是一種
程式語言，用來在其它主環境下提供控制，它是直譯而非
編譯，這意謂使用SCRIPT語言的程式必須在有這種語言
直譯器的環境下才可執行，無法個別執行，也就是說網頁
瀏覽器必須支援特定的Script語言解譯與執行功能，以該
Script撰寫的程式才能在該種瀏覽器上執行。
• 瀏覽端的Script語言常見的有JavaScript和VBScript，各有
其背後主導的力量，也各自擁有相當的擁護者。
認識VBScript：
• 為了能讓發展網際網路上的網頁及其應用更簡單方便，微
軟公司在1996年引介了一套標準、定義，以及一套稱為
ActiveX Development Kit的軟體發展組件。ActiveX是一
個包含VBScript、ActiveX文件、ActiveX控制，以及其它
層級及技術規格的架構。在這個架構下，讓本來呆板的網
頁變得多釆多姿。
• VBScript為Visual Basic語言家族的成員，原名為
Microsoft Visual BASIC Scripting Edition，簡稱VBScript。
Visual BASIC繼承了BASIC語法的簡單性，使得用Visual
BASIC在寫程式流程時較其它語言簡化很多，而Visual
BASIC語法的彈性也非常大，所以不用太在意語法的問題，
使得初學者學習更能上手。
在HTML文件加入VBScript-1：
• VBScript內嵌在HTML程式中，它可以製作出動態
或是交談式網頁，屬於瀏覽端的程式，資料可以
直接在客戶端(client)，也就是瀏覽器端進行處理，
主要是用來增強HTML文件的功能。要加入
VBScript時必須使用<script>指令標示出來，
VBScript程式碼要放在<script>…</script>之間，
language屬性需要指明使用的script語言，「<!-」…「-->」原本是用來做為註解，但為了能讓其
它瀏覽程式也能順利的瀏覽含有VBScript程式碼，
所以必需要使用此符號將程式碼包起來。
在HTML文件加入VBScript-2：
【應用】
結果：
在HTML文件加入VBScript的補充說
明：
• 當您開啟瀏覽視窗後，就會先跳出一個訊息視窗，在
視窗裡會顯示所設定的文字訊息，按下
鈕後
，就會進入網頁畫面。
<script>…</script>：
• 在<script>範圍內的都是直敘語言，所有
VBScript程式碼都要放在此標籤間，
language屬性值則是指定所使用的是那一
種script語言，每次編寫時，都不可以忽略，
結尾指令</script>也不可以省略。
「’」註解符號：
• 若是加上「’」符號，表示為VB或
VBScript的註解。
<!-- … -->：
• 在「<!--」和「-->」內原本為HTML的註解，
在這裡的目的是對於不支援VBScript的瀏覽
器在執行時，不會出現錯誤訊息。
跳出訊息視窗-1：
• msgbox指令是將「””」範圍內的文字以
對話盒的方式顯示出來，當您一開啟網頁
時，就會跳出訊息視窗。
• n表示按鈕的組合，m表示圖示組合。
跳出訊息視窗-2：
• n值的按鈕內容與代號名稱如下：
跳出訊息視窗-3：
• m值的圖示與代號名稱如下：
跳出訊息視窗-4：
【應用】
結果：
跳出訊息視窗的補充說明：
• 設定msgbox的n和m值後，就會顯示所指定
的圖示和按鈕內容。
• msgbox的訊息代碼名稱也可以改成以數值
的方式來代替。
VBScript基礎：
• 只要是程式，就有一些基礎必須先熟悉，
才能寫出正確的程式，例如：變數的宣告
與使用方式，邏輯運算式的表示法、條件
判斷式的寫法、迴圈控制法、副程式與函
式的用法，以及常用的物件(object)等。
宣告變數-1：
• 程式在運算時，常要記憶一些資料，這時就要宣
告變數(variable)，在記憶體中劃出儲存資料的位
置空間並指定名稱，讓這些資料填入到宣告的變
數中。電腦為了能方便的找到以前存放在記憶體
中的位置，記憶體則以數字來代表位址，凡是資
料的讀與寫是以數字來代表記憶體上的位址，來
找出這個位址上記憶體的內容。但是為了方便及
其它的原因，我們把資料存到記憶體裡並不是用
位址來指定存在記憶體裡，它是用文字來代表一
個記憶體位址，這就是變數。
宣告變數-2：
【指令】DIM
【說明】宣告變數
【用法】dim變數名稱{(陣列中變數的個數)}
宣告變數-3：
【應用】
• 第一行的dim MyData是宣告一個名稱為MyData
的變數；而dim abc_01則是宣告一個名稱為
abc_01的變數，但並不是任何符號都可以拿來當
做變數的名稱，所以在宣告時，要注意一些規定。
記住囉：
• 在VBScript宣告變數時，要注意下列幾點：
–
–
–
–
–
–
變數名稱開頭必須為字母。
變數名稱長度不可超過255個字元；
變數名稱中不可以使用運算符號，例如：+、-、*、/。
變數名稱可以有底線、數字或其它符號。
變數名稱不可以為保留字，例如：CBool、Lcase。
變數名稱不分大小寫。
宣告變數的補充說明：
• 變數的值有三種不同的資料型態：數字、
字串和邏輯型態，數字型態用來做四則運
算的阿拉伯數字，字串型態就是一般的文
字，邏輯型態則是判斷true或false。
• 宣告變數後，可以指定變數的值，要設定
變數的值必須使用=符號，告訴VBScript去
取得等號(=)右邊的值，並將它指定給左邊
的變數。
陣列(array)：
• 在變數名稱後面加上一對小括號，然後在括號中
填入陣列中的元素個數，這個變數就變成陣列了。
• 宣告陣列後，就可以替陣列中的某一個元素指定
它的內容，例如：MyData陣列的第0個元素為數
值20，MyData陣列的第10個元素為字串“Lisa”。
多維陣列：
• 在括號中，若只有一個數字，則是一維陣列，您
也可以宣告二維陣列。
• 這是一個(3,8)的二維陣列，表示第一維含有3個元
素，每一元素內又含有8個元素，所以這個陣列含
有38=24個元素。
記住囉：
• 陣列若是配合迴圈，可以簡化程式碼內容，
例如：要列出班上學生的成績，則可以將
學生的成績從檔案讀出，並儲存在陣列中，
接著再用迴圈一一取出陣列中的成績。
VBScript的運算式：
• VBScript的運算式有數學運算、比較運算和邏輯
運算，在程式中都會運用到各式各樣的運算式，
有時在同一個運算式中會使用到多種運算子，運
算式會以預設的優先順序來進來運算。
– 在正常的情況下，若是沒有優先順序的差異，會依照
出現的順序，從左到右執行。
– 當一個運算式含有多種運算子時，會先從算術運算子
運算，接著是比較運算，最後才是邏輯運算子。
– 運算式會先執行括號內的式子。
數學運算式-1：
• 數學運算式就像是計算機，能將不同的值加以運
算，做加、減、乘、除的動作，運算後得到一個
結果，這就是數學運算式。
數學運算式-2：
• 數學運算式如下：
數學運算式-3：
• 字串連接運算「&」不算是數學運算子，它的功
能是將兩個字串連接起來，而「+」符號除了計算
數字的加總外，也可以做字串連接，但是建議您
要做字串連接時，最好使用「&」運算子，才不
會在相同的情況下產生數字相加的錯誤，例如：
X=22，Y=33，若X+Y則值會等於55，若是X&Y
則值會等於“2233”，前者是數字相加，後者則是
字串連接。
比較運算子-1：
• 比較運算子是比較兩個不同的運算式，若
是比較正確，則傳回true（真），若是錯誤
則傳回false（否）。
比較運算子-2：
• 比較運算式如下：
比較運算子-3：
• 例如：判斷5>10就會傳回false，若是5<10
則傳回true。有了比較運算之後，配合條件
判斷，可以指定結果為true時執行一種工作，
結果為false執行另一種工作，使得程式有
“聰明”的感覺。
邏輯運算式-1：
• 邏輯運算是將兩個比較運算結合起來，判
斷是否符合邏輯條件，最後傳回true或是
false，我們最常用到的邏輯運算為and和or。
邏輯運算式-2：
• 邏輯運算式如下：
邏輯運算式-3：
• 遇到and運算子，則兩個比較運算都為true
時，才會傳回true，若是or運算子，只要其
中一個比較運算為true，就會傳回true。
條件判斷式：
• 比較運算式和邏輯運算式都只負責算出運
算結果，至於運算後要如何應用就要由條
件判斷來負責，您可以預先設想不同的比
較或邏輯運算結果應執行何種工作。
IF判斷式-1：
• 我們在做很多事情時，總是不斷的在做決
定，而if條件敘述就是用來做選擇或決定的
判斷式，if條件敘述的語法有很多種，我們
就來介紹一下它們的不同。
IF判斷式-2：
【標籤】IF…THEN…ELSEIF…THEN…ELSE…END IF
【說明】設定邏輯條件後，程式會根據判斷結果來執行不同
程式片段
【用法】if邏輯條件then程式片段
if邏輯條件then程式片段A else程式片段B end if
if邏輯條件A then程式片段A elseif邏輯條件B
then程式片段B else 程式片段C end if
IF判斷式-3：
【應用】
• if的條件若為true，就會執行then到end if之間的程
式碼，若是不是單一選擇，則只需要再加上else
就可以成為二選一的判斷式。
IF判斷式的補充說明：
• 若是為多選一的條件敘述，那麼就會依照
條件來執行不同區塊的程式碼。
Select case判斷式-1：
• 當程式的判斷較多時，若是用if來敘述，會
顯示複雜難懂，這時就可以利用select
case指令來表示，select case是一種多選
一的條件判斷式，它的程式碼簡單明瞭，
會直接依照符合的條件來執行不同的區塊
程式碼，讓您的程式碼更容易閱讀。
Select case判斷式-2：
【標籤】SELECT CASE…END SELECT
【說明】根據變數的值來執行不同的程式片段
【用法】select case變數名稱
case條件值A
程式片段A
…
case else
程式片段
end select
Select case判斷式-3：
【應用】
Select case判斷式的補充說明：
• 在這段程式碼中，以student_ID做為變數，首先
利用inputbox讓使用者輸入數字，若是student_ID
為90則跳出msgbox視窗並顯示“學姊“，若
student_ID為91則會跳出msgbox視窗並顯示”菜
鳥“，若student_ID不是這兩個數字，則跳出
msgbox視窗並顯示”您尚未就讀,或已畢業囉!“。
• select case條件判斷式和if then elseif不同的地方
在於，select case只有一個運算式，而if then
elseif則是每個程式區塊都需要運算式。
迴圈控制：
• 電腦最強的地方就是重複執行指定工作，
而迴圈(loop)控制是用來解決重複執行的問
題，您就不需要一次一次的寫入程式碼，
也不用擔心程式碼要寫一大串哦！
FOR…NEXT迴圈-1：
• 迴圈指令以for開始，next結束，當迴圈開
始執行時，會先給一個起始值，然後再執
行中間的程式碼，當程式碼執行完後，會
遇到next，則控制變數值會遞增（或減）再
回到for，並判斷變數是否大於結束值，若
大於則跳離for迴圈，到next的下一個指令。
FOR…NEXT迴圈-2：
【標籤】FOR…NEXT
【說明】重複執行相同程式片段指定的次數
【用法】for變數名稱=初始值to 結束值step變數遞增值
程式片段
next
FOR…NEXT迴圈-3：
【應用】
• 在程式碼中的i值，就像是計數器一樣，每次的值都不同，
它會不斷的改變。在上例中，i的起始值為１，每次會遞增
2，若是i的值小於50，則會不斷的執行迴圈中的程式碼；
若是i值大於50，則會跳離此迴圈，sum變數從0開始累加，
並將i的值加到sum變數中，所以這個迴圈是在計算50以內
的奇數和（知道為什麼嗎？）。
馬上練習：
• 利用for迴圈，計算1到100之間的偶數和。
FOR…NEXT迴圈的補充說明：
• for還可以寫成多重迴圈，例如：
• 在for迴圈內還可以包含多個for迴圈，上例中，外
層的for迴圈每執行1次，內層for j=1 to 3迴圈就要
執行3次，所以這個迴圈總共會執行53=15次。
DO while…LOOP迴圈-1：
• do while迴圈會執行到條件成為false才停止，
在一開始是利用while來判斷迴圈是否為
true，若是不成立，會直接跳開迴圈，執行
loop之後的程式碼。
DO while…LOOP迴圈-2：
【標籤】DO WHILE…LOOP
【說明】當條件判斷成立時，執行迴圈的內容
【用法】do while邏輯條件式
程式片段
loop
DO while…LOOP迴圈-3：
【應用】
DO while…LOOP迴圈的補充說明：
• 首先設定sum和i兩個變數值為0，接著判斷i
是否小於等於50，若為true，則執行裡面的
程式碼，然後一直重複執行到i值大於50，
就會跳出迴圈。所以本例是計算50以內的
偶數和。
DO…LOOP WHILE迴圈-1：
• do…loop while和do while迴圈相似，差別
在於前者會先執行迴圈內的程式，然後再
判斷迴圈是否成立，所以不論迴圈是否成
立都會先執行一次迴圈內的程式。
DO…LOOP WHILE迴圈-2：
【標籤】DO…LOOP WHILE
【說明】先執行迴圈的內容，再判斷條件是否成
立，條件成立時執行迴圈內容
【用法】do
程式片段
loop while邏輯條件式
DO…LOOP WHILE迴圈-3：
【應用】
DO…LOOP WHILE迴圈的補充說明：
• 執行結果sum的值會等於50，因為不論程
式是否成立，都會先執行一次程式內容，
您可以看出兩者的差異了吧。
DO UNTIL…LOOP迴圈-1：
• do until和do while迴圈成相反，do until是
當條件不成立時，才會執行迴圈內的內容。
DO UNTIL…LOOP迴圈-2：
【標籤】DO UNTIL…LOOP
【說明】當條件判斷不成立時，執行迴圈的內容
【用法】do until邏輯條件式
程式片段
loop
DO UNTIL…LOOP迴圈-3：
【應用】
DO UNTIL…LOOP迴圈的補充說明：
• 執行結果sum的值會等於0，因為i的起始值
為50，所以判斷條件成立，當符合條件時，
就會跳出迴並繼續執行loop後的程式碼。
DO…LOOP UNTIL迴圈-1：
• do…loop until迴圈和do…loop while迴圈一
樣，會先執行一次迴圈內的程式，然後再
判斷條件是否成立，若是成立則跳出迴圈
（和do…loop while相反），所以不論條件
是否成立，至少會執行迴圈一次。
DO…LOOP UNTIL迴圈-2：
【標籤】DO…LOOP UNTIL
【說明】先執行迴圈的內容，再判斷條件是否成
立，條件成立則跳出迴圈，否則再執行
迴圈內容
【用法】do
程式片段
loop until邏輯條件式
DO…LOOP UNTIL迴圈-3：
【應用】
DO…LOOP UNTIL迴圈的補充說明：
• 執行結果sum的值會等於50，因為until在
loop之後，所以會先執行一次迴圈內的內容，
然後再進行判斷的動作，而48小於50符合
條件，所以跳出迴圈，不執行迴圈內的程
式。
WHILE…WEND迴圈-1：
• while…wend迴圈當一開始執行時，就判斷
條件是否成立，若成立就執行迴圈內的程
式碼，直到條件不成立時為止。
WHILE…WEND迴圈-2：
【標籤】WHILE…WEND
【說明】當條件判斷成立時，執行迴圈內容
【用法】while邏輯條件式
程式片段
wend
WHILE…WEND迴圈-3：
【應用】
WHILE…WEND迴圈的補充說明：
• while…wend和do…loop迴圈相似，當i小於
50時，就會執行迴圈內的程式碼，而i值會
不斷的累加2，執行26次後，i值就會大於
50，這時條件不成立，就會跳出迴圈。所
以本例一樣是計算50以內的偶數和。
VBScript的副程式與函式：
• 在VBScript中有副程式(sub…end sub)與函
式(function…end function)，它們將程式中
常用的共同程式碼獨立出來，好在程式中
可以重複使用，兩者的差別在於副程式沒
有傳回值，而函式有傳回值。
SUB…END SUB-1：
• 在sub程式裡的區塊就是VBScript程式碼，
它利用sub和end sub將程式碼包圍起來，
但sub程式並不會有傳回值。
SUB…END SUB-2：
【標籤】SUB…END SUB
【說明】根據變數的值來執行不同的程式片段
【用法】sub副程式名稱（參數1,參數2,…參數n）
程式片段
end sub
SUB…END SUB-3：
【應用】
• show副程式會跳出一個“貴姓大名？”的
輸入視窗，如果要在VBScript程式呼叫副程
式，只要利用call指令就可以了。
SUB…END SUB的補充說明：
• 呼叫副程式除了使用call指令外，也可以直
接寫副程式的名稱和參數即可，例如：call
show()也可以寫成show()。
FUNCTION…END FUNCTION-1：
• function函式跟sub副程式類似，利用
function和end function將程式碼包圍起來，
並且會有傳回值，傳回的方式是將函式名
稱指定為傳回的值。
FUNCTION…END FUNCTION-2：
【標籤】FUNCTION…END FUNCTION
【說明】定義一個會傳回值的指定名稱函式
【用法】function函式名稱(參數1,參數2,…參數n)
程式片段
end function
FUNCTION…END FUNCTION-3：
【應用】
結果：
FUNCTION…END FUNCTION的補
充說明：
• 由於最後一行cm指定為50公分，所以當您
開啟網頁時，會自動計算50公分的英吋值，
若是加上int則是取整數值，小數點會自動
捨去。
VBScript的物件：
• 想要讓VBScript發揮最大的功能，那麼VBScript
的物件(object)就十分重要，物件是物件導向程式
設計的基礎，利用物件中的方法(method)就可以
對這個物件進行操作。
• 當網頁載入瀏覽器時所產生的物件為：
Location物件：
• Location物件是用來指定瀏覽程式的物件，利用相關的屬
性，來取得URL字串。
• url=location.href程式碼是取得網址，下一行程式碼則是指
定新的URL。
Document物件-1：
• document物件是載入HTML文件的物件，最常用
到的方法就是write，除了載入物件外，還可以超
連結和表單所產生的物件。下面的例子是在
HTML文件中寫入(write)一個This is a text.字串：
Document物件-2：
• 利用HTML製作一個user表單，然後用
<input>製作了sex和send物件，因為
<input>的物件都含有value屬性，所以在設
定屬性時，可以將程式碼寫成如下：
Window物件-1：
• window物件主要使用於開啟網頁於新視窗
以及onload與onunload兩個事件，onload
為完全載入文件時的發生事件，onunload
則是尚未載入時的發生事件。
Window物件-2：
• 若是在body標籤插入事件如下：
• 若是直接在程式撰寫事件如下：
Window物件-3：
• 要開啟一個新視窗並載入網頁，就需要使用open
方法。
• location是設定要顯示在新視窗的URL網址，而
name是新視窗的標題名稱，options是設定新視
窗的外觀，history則是設定是否將網址新增到歷
史記錄，若設定為true，則不會將網址新增到記
錄中。
• close則是用來關閉新開啟的視窗。
Window物件-4：
結果-1：
結果-2：
Window物件的補充說明-1：
• 由於toolbar和status的屬性值為no，所以新開啟
的視窗並不會顯示工具列和狀態列。
• window.open的功能是開啟視窗，後面指定要顯
示的檔案名稱，然後以開新視窗的方式開啟，接
著再設定新視窗要顯示的屬性。
Window物件的補充說明-2：
• window.open的開啟視窗屬性說明如下：
VBScript程式設計實例：
• 對於VBScript程式語法有些概念了嗎？接下
來我們就實際的來設計程式，利用VBScript
簡易的語法，讓網頁可以和瀏覽者產生互
動，製作出各種變化效果，讓您的網頁更
多樣化哦！
要求訪客輸入名字-1：
• VBScript的內建函式inputbox可以讓瀏覽者
進入網頁時輸入名字，等到進入網頁後，
就會顯示名字在網頁上，讓網頁和瀏覽者
產生互動的效果，提供使用者從外部輸入
資訊。
要求訪客輸入名字-2：
【應用】
結果-1：
• 開啟瀏覽器時，由於inputbox的視窗水平和垂直
座標是以twip為單位，每15個twip代表螢幕上的
像素，所以就會在畫面上的(300,200)座標位置跳
出輸入視窗。
結果-2：
• 輸入名稱後，網頁上就會顯示您所輸入的
內容。
要求訪客輸入名字的補充說明：
• inputbox函式包含5個參數，第一個是顯示訊息視窗的文
字；第二個參數為視窗的標題說明；第三個參數為顯示在
輸入方塊內的文字，可有可無；最後兩個參數則是輸入視
窗出現在畫面上的位置。
• 利用document.write就可以將瀏覽者在輸入視窗所輸入的
內容顯示在網頁上。
記住囉：
• 若遇到字串要換行時，必須要在字串後加
上「ch(13)&chr(10)」符號，例如：”您
好!”&ch(13)&chr(10)&”歡迎來到我的網站”。
顯示日期和時間-1：
• VBScript的時間屬性有很多種，若是利用
now屬性，則可以直接取得當天的日期和當
下的時間。
顯示日期和時間-2：
【應用】
結果：
顯示日期和時間-3：
• 簡單的一行document.write”現在是”&now，就可
以在網頁上顯示今天的年/月/日與目前的時間。
• VBScript內建的日期與時間函式如下：
顯示日期和時間-4：
• 若是想要自訂顯示時間的樣式，則可以自行輸入
想要顯示的函式。
【應用】
結果：
在狀態列上顯示跑馬燈-1：
• 瀏覽視窗的下方有一行狀態列，您可以自
訂要顯示的文字，並且讓文字不停的走動，
就像是跑馬燈的效果一樣。
在狀態列上顯示跑馬燈-2：
【應用】
在狀態列上顯示跑馬燈-3：
結果：
在狀態列上顯示跑馬燈的補充說明1：
• 首 先 宣 告 一 個 MyString 變 數 ， 接 著 製 作
statusbar()副程式，MyString變數是用來存
放狀態列上所要顯示的文字，我們先替
MyString變數設定為20個全形的空白字串
後，再將這個空白字元加在要顯示在狀態
列上的文字前面，然後字串右邊加上訊息
字串，並且每次將這個字串最左邊的文字
去掉，製造狀態列文字一直向左移動。
在狀態列上顯示跑馬燈的補充說明2：
在狀態列上顯示跑馬燈的補充說明3：
• 取得字串的函式分別為len()和right()，len()是算出傳入參
數字串的長度，而right()則是擷取傳入字串右邊指定的字
元個數。
• 若是要修改跑馬燈移動的速度，就要利用
window.settimeout來設定，數值愈小，文字移動的速度愈
快。
• 當字串不斷縮減到空字串時，又會恢復開始時的狀況，重
頭再來。
不停捲動的文字-1：
• 我們常可以在網站上看到文字捲動的效果，
其實它的製作方法很簡單，只要利用<div>
製作三個圖層，一為要顯示文字的圖層，
另外兩個則是遮蓋文字的圖層，再配合簡
單的副程式，就可以讓文字圖層動起來。
不停捲動的文字-2：
【應用】
不停捲動的文字-3：
結果：
不停捲動的文字的補充說明-1：
• 在整個程式中用來控制文字捲動的效果就是scroll()副程式，
網頁內分別有text、cover1和cover2三個區塊，text為文字
區塊，另外兩個cover1和cover2則是用來遮蓋文字的圖層，
若是要讓文字遮蓋在圖層下，則要先設定text區塊，然後
再設定cover1和cover2。
不停捲動的文字的補充說明-2：
• 一開始我們設定text的位置為201，cover1的位置
為30，cover2的位置為200，所以text會在cover2
的下方，在scroll()副程式中，第一行程式碼是用
來控制text每次移動的距離，所以text每次會移動
2點，再來window.settimeout(“scroll()”,50)則是控
制移動的速度，最後則是判斷text的位置是否為
31，若是則跳到位置201，由於在body時就呼叫
scroll()副程式，所以文字就會不停的重複捲動。
隨機顯示背景圖片-1：
• 利用HTML替網頁加上背景圖時，通常只能
顯示一種圖片，若是利用VBScript，並配合
randomize指令和rnd()亂數函數，則當您每
次開啟網頁時，都會隨機顯示不同的背景
圖片。
隨機顯示背景圖片-2：
【應用】
隨機顯示背景圖片-3：
結果：
隨機顯示背景圖片的補充說明-1：
• 開啟瀏覽器後，每次當您按下 重新整理鈕後，網頁的背
景圖片都會隨機從四張圖片來中選出一張來顯示。
隨機顯示背景圖片的補充說明-2：
• 要產生亂數，必須配合著 randomize 和 rnd
這兩個函式同時使用，首先在這一頁的最
上方呼叫 randomize，它會使用系統計時器
來初始化亂數產生器，然後利用int(rnd*4)，
就可以取得有用的亂數值，如果想要一個
整數的亂數，再配合上 int( ) 函式，就能將
產生出來的亂數轉換為整數值。