Loading...
訪客人次:
 
 
 
 
2009年1月6日 星期二 , ,  

DHTML基礎教學(1)--基本觀念

所謂 DHTML 是指 Dynamic HTML,也就是讓原本靜態的網頁能有一些動態的效果,例如本站在載入頁面時,內容未全部載完前,會在 logo 旁顯示 Loading... 的字樣,內容載完後就會消失

這只是個簡單的動態顯示或隱藏的例子,若技巧純熟的話,還可以有很多的應用,例如選單、頁籤…等等,若再加上 AJAX 那就更豐富了

網頁要有動態的效果,主要是利用 Script 語言來處理,HTML 本身並不能做運算,CSS 也只是補強樣式,唯有 Script 才能對網頁內容做一些動態的處理

Script 大致上有 JavaScript 與 VBScript 兩種,一般都是使用 JavaScript,後續這裡也只會以 JavaScript 來說明

Script 語法的撰寫位置有幾種

  • 寫在 <SCRIPT></SCRIPT> 標籤內

  • 寫在一個 js 檔內,再用 <SCRIPT></SCRIPT> 標籤來載入使用,這概念跟 css 檔一樣,是為了共用性

  • 寫在標籤的事件(event)中。

  • 寫在 <A> 標籤的 href 屬性中,或是 <FORM> 標籤的 action 屬性中



這些後面會陸續應用到

這裡先學一個簡單的語法


alert 是用來顯示一個訊息,雙引號內的東西就是要顯示的訊息
後面會常用到這個語法

--gs--
{DHTML基礎教學}{什麼是事件}
沒找到你要的東西嗎?歡迎留下你的問題!若是我知道的,我會盡力的回答。

0 意見:


張貼留言

廣告訊息會被我刪除