實用 JavaScript 程式【09】

第九篇
五種視窗實用小程式

適合程度： 初學者 一般程度 進階者 以上均宜
注意：部份特效 Mozilla Firefox 恐無法顯示
《壹》進入時開啟視窗：
當網友進入這個網頁時，會自動開啟一個視窗或對話盒。
這些都很簡單且實用，請將他蒐集好，隨時備用。
開啟視窗 (01) 開啟視窗 (02)

《貳》離開時開啟視窗：
當網友離開這個網頁時，會自動開啟一個視窗或對話盒。
離開視窗 (01) 這個很好用，他會依時間不同，顯示不同網頁哦。
離開視窗 (01) 離開視窗 (02)

《參》網頁中開啟視窗：
現在用的正是以下這個程式，他可以設定開啟時的大小、有無捲軸、選單等等。
注意：這裡的鏈結 URL，最好使用絕對路徑 (http://www...../test3.htm)。
原始 Javascript 程式碼：
<BODY>
註：  //以下所有此內藍色文字均是 JavaScript 程式碼的註解
<!--JavaScript程式碼由此開始-->
<script language="JavaScript">
<!--
function open_test3() <!-此功能命名-->
{
<!--about可設為別的代用字，用法同前所述-->
about = window.open("test3.htm","003","toolbar=0,location=0,directories=0,status=0,
menubar=0,scrollbars=0,resizable=0,width=550,height=130,top=0,left=0");
<!--上面的用法：window.open("URL","WindowName",WindowFearures");最好不要任意段行哦-->
}
//-->
</script>
<!--類似HTML的LINK語法，再加上呼叫javascript:open_test3()便可-->
<A href="javascript:open_test3()">開啟視窗</a>
<!--JavaScript程式碼到此結束-->
</BODY>
開啟視窗

《肆》網頁特殊功能：
不用按就可以連結到該連結的網頁或自動往上捲動視窗。
原始 Javascript 程式碼：
<BODY>
<!--JavaScript程式碼由此開始-->
<!--其實，這只是 HTML 語法 + JavaScript 的滑鼠移到上面，啟動網址的功能而已-->
<a href="test4.htm" onMouseOver="parent.location='test4.htm'">自動鏈結</a>
<!--JavaScript程式碼到此結束-->
</BODY>
試試下面這段《自動鏈結》，就知道結果了。
自動鏈結 自動捲動

《伍》跟我走廣告視窗：
我想您應見過，帶著文字或圖片跟著走的動態視窗。
作法有很多種，試試這兩個(文字、圖檔)吧。
文跟著我走 圖跟著我走

注意事項：
這些都是比較基本的程式，如果您是初學者，建議先到 JavaScript 大全 研究一番吧。
JavaScript 是屬程式語言，您不但要懂 HTML 語法，更需要具備基本程式語言關念；否則，建議您先套用再慢慢研究。
本電子報每一篇報導，都發了很多時間蒐集與整理，與一般教學網站，套用現成資料完全不同。
網頁製作系列報導共分十個主題，每一主題均有十篇精闢文章介紹，並將依每五日發表一篇持續服務網友。
如果您覺得本篇不錯，請將本報轉給有此需要的親朋好友，讓彼此受惠成長，謝謝您。

如何完整取得所有資料：
如果您想完整取得電子報內所有檔案資料，我們提供燒錄光碟片給您 Go 。
凡加入教學或教材會員者，均可獲得以下乙份完整的資料光碟。
詳細內容：語法教學、第一電子報、第二電子報、第三期電子報、網頁圖窟。

結論與建議：
本站所有報導資料，歡迎網友加入鏈結或轉載內容，惟請保留文章完整，並註明此 引用來源 ，謝謝您的支持與配合。
本報每篇報導都花上 8 小時以上搜集、整理及撰稿，絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
強烈建議您 學會 HTML 語法 ，她真的簡單易學，懂了她您就能駕馭她，讓您使用所見即所得軟體更得心應手。
本報導屬於完全免費性質， 索取教材資料 屬個人自由意願，而回饋給您的光碟片，則是我們的誠意而已。
一篇保證前所未見的 HTML 教學課程，絕對是您學習 HTML 的好教材，強烈建議您進入實際體驗一下。
本電子報報導資料，未來將繼續每隔 30 日發表一次，以嘉惠更多想學會 HTML 網友，歡迎 繼續訂閱 。
本報導內容或資料，因限人力、時間，非教學會員，不接受任何疑惑解答，敬請見諒。