利用JavaScript創建功能強大的GUI

下一頁 1 2 3 4 5 

　　大多數的計算機用戶都非常熟悉Windows的圖形用戶界面（GUI），都通過使用Word或微軟的電子郵件客戶端軟件了解了按鈕、工具條、標簽，但與客戶端軟件都擁有幾乎一致的界面截然不同的是，我們可以發現，每個網站的界面都

各不相同。用戶需要學會如何使用每一種互聯網應用程序。盡管大多數的互聯網應用程序都不是太復雜，但一個用戶需要不斷地去學習應用程序界面，時時感覺自己象個新手，這對于用戶而言，畢竟不是一件令人愉快的事。

　　通過利用JavaScript和CSS建立互聯網應用程序或網站的標準化的客戶端界面組件，可以使用戶一眼就看出來他們可以進行的操作以及如何完成自己的任務。用戶就會對自己的操作更有信心，也不會輕易出現誤操作。

　　或許你還不知道JavaScript還有這樣的功能，或曾經在其他網站上看到過工具欄，但不知道它是如何完成的。在本篇文章中，我們將討論如何建立一個簡單的、格式化工具欄（就象Word中的那樣），該工具欄可以為任意的網站添加讓用戶通過<textarea>區進行反饋的功能。本篇文章介紹的技巧需要讀者具備有HTML、CSS和JavaScript方面的知識。

一點不足之處

　　下面的代碼使用了selection對象的createRange()方法，不幸的是，只有Windows平臺上的IE4+用戶才能夠使用selection對象，相似的功能通過文檔對象模型（DOM）才能實現，但Mozilla中的document.createRange()會發生問題，主要是在input或textarea元素中不能處理文本數據。如果這一bug解決了，就可以使下面的代碼運行在Mozilla、Netscape 6+或其他任何運行Gecko的瀏覽器平臺上。

建立一個簡單的工具欄

原文轉自：http://www.kjueaiud.com