JavaScript 五種網頁實用小程式

實用 JavaScript 程式【10】

第十篇
五種網頁實用小程式

注意：部份特效 Mozilla Firefox 恐無法顯示

《壹》立即列印網頁資料：
注意比較兩者差異，瞭解如何運作。
列印網頁 (IE)	列印網頁 (All)

《貳》網頁禁止偷窺顯示：
這是禁止網友使用滑鼠右鍵的功能，其實並無達到防衛效用。注意比較四者差異，並融合上次所學的，才能發現問題，增進功力。
禁止偷窺(01) (02)	禁止偷窺&加入書籤	禁止分割

《參》網頁跑馬文字顯示：

提供網友各種重要訊息，適合放在網頁的最上(下)面。
注意：IE 與 NS Browser 兩者展示結果，不太一樣哦。

觀看實例及原始碼

《肆》會跟隨變色的按鈕：

說明：
滑鼠移到按鈕上時，會立即執行 MagicButton (change) 函式，此函式會把事先設定的排版樣式《CSS》套用到按鈕上，產生按鈕變色的效果，當滑鼠離開按鈕時，會再次呼叫函式，按鈕就立刻變回原來的設定了(限 IE 使用)。

觀看實例及原始碼

《伍》電腦內設日期顯示：

在網頁適當的地方，加個日期是有必要的。
原始 Javascript 程式碼：
<BODY>

<SCRIPT>
DayString='星期日.星期一.星期二.星期三.星期四.星期五.星期六.' //星期字串，可為中英文
Today=new Date() //月份字串，可為中英文
MonthString='Jan.Feb.Mar.Apr.May.Jun.Jul.Aug.Sep.Oct.Nov.Dec.' //日期字串，可為中英文

OlympicDate=new Date("July, 19, 1996 00:00:00")
if (navigator.appName=="Netscape") //使用NS Browser 時用此方式，否則用另一種
{
document.write(((Today.getYear()+1900)-1911)+'年') }
else
{
document.write((Today.getYear()-1911)+'年') //電腦內年份設定
}
document.write((Today.getMonth()+1)+'月') //電腦內月份設定
document.write((Today.getDate())+'日') //電腦內日期設定
x=Today.getDay()
document.write(DayString.substring(x*4,(x+1)*4)) //將上述各字串合併後，於網頁中顯示結果
</SCRIPT>

</BODY>
下面這段《日期顯示：》，就是結果。

今天是中華民國

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

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

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