利用javascript建立功能強大的GUI(1)

建立

　　大多數的電腦使用者都非常熟悉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的瀏覽器平台上。

建立一個簡單的工具列