公告版位

目前日期文章:200809 (25)

瀏覽方式: 標題列表 簡短摘要


有了 JavaScript 你可以取得及處理所有的 HTML
DOM物件
(Document Object Model ,文件物件模型簡稱 DOM)


HTML DOM 物件

以下的連結可以學到更多相關的物件及物件的整理、性質、方法、事件等:

標示例子裏,選項已建立。 標示例子裏均已自動的建立。
物件 描述
Anchor 表示 HTML 的一個元素 (一個連結)
Applet 表示HTML applet 元素.  applet 元素是用來放置可執行網頁的內容。
Area 表示一個圖片設置(image-map) 的區域  image-map 是一個可點選的區域
Base 表示 HTML base 元素
Basefont 表示 HTML basefont 元素
Body 表示  ( HTML body)
Button 表示在 HTML 裏的按紐型式,對每一個 HTML 輸入標示的例子裏,按紐物件已建立。
Checkbox 表示 HTML 的勾選格式. 對每一個 HTML 的勾選格式例子裏,勾選物件已建立。
Document 在網頁裏可使用的所有元素
Event 表示事件的狀態,例如在事件觸發的元素裏,鍵盤的狀態,滑鼠的位置,及滑鼠按紐的狀態。
FileUpload 對每一個 HTML 輸入標示的例子裏, FileUpload 物件已建立
Form 字型是用來提示使用者輸入使用,表示  HTML 字型元素
Frame 表示 HTML 框架
Frameset 表示 HTML 框架設定
Hidden 表示 HTML 的隱藏區域,在每一個 HTML 輸入標示的例子裏隱藏物件已建立。
History 預先定義的物件,它能夠透過紀錄的特性,紀錄瀏灠器物件的所有性質,此物件包括網址的陣列,這些網址是使用者以瀏灠器所曾經瀏灠過的網頁。
Iframe 表示 HTML 內部小框架視窗
Image 表示 HTML 圖片元素
Link 表示 HTML 連結元素l,此元素僅能用於  標示裏
Location 包括現在網頁的相關資料
Meta 表示 HTML 原始資料的元素
Navigator 包括使用者瀏灠器的相關資料
Option 表示 HTML 的選項型式,在  HTML
Password 表示 HTML 的密碼輸入型式,在每一個 HTML 密碼輸入區域標示例子裏,密碼物件已建立。
Radio 表示 HTML 的圓型勾選紐型式,在每一個 HTML t圓型勾選例子裏,圓型勾選物件已建立。
Reset 表示 HTML 重設按紐型式,在每一個 HTML 重設按紐型式例子裏,重設物件已建立。
Screen 由 JavaScript 執行引擎自動建立,它能偵測瀏灠網頁使用者的顯示螢幕
Select 表示的選取型式,在每一個 HTML
Style 表示個別的 style 敘述,這個物件能夠從網頁取得它所應用的型式。
Submit 表示 HTML 的確定型式,在每一個  HTML 確認標示的例子裏,確認按紐已建立。
Table 表示 HTML 表格元素
TableData 表示 HTML td 元素
TableHeader 表示 HTML th 元素
TableRow 表示 HTML tr 元素
Text 表示 HTML 的文字區域,在每一個  HTML 輸入文字區域標示的例子裏,文用區域已建立。
Textarea 表示 HTML 文字區域元素
Window 調整使用者瀏灠器視窗, Window 物件在每一個  或

easonyo 發表在 痞客邦 留言(0) 人氣()



字串物件是用在文字上


線上範例

長度性質
此例傳回字元在字串裏的數目

fontcolor() 方法

easonyo 發表在 痞客邦 留言(0) 人氣()



內建的計算物件包括數學的常數及函數


線上範例

四括五入
如何四括五入一個特定的數字至整數

隨機數字

easonyo 發表在 痞客邦 留言(0) 人氣()



日期物件是用在日期與時間上


線上範例

日期
傳回今天的日期,包括年、月、日。方法傳回一月份是0 、二月是 1 等等。所以要在語法中在
getMonth 後加 1 來顯示正確的日期。

時間

easonyo 發表在 痞客邦 留言(0) 人氣()



布林物件是一個包含了布林值的物件,他是用來將非布林值置換成布林值:


線上範例

Boolean
檢查布林物件是否成立


Boolean Object

如果布林物件沒有初始值,或者它得值是0、空白、不成立( 0, null, "", false, or NaN)等,它的初始值就不成立。否則它就成立(即使它的字串是"false")。

easonyo 發表在 痞客邦 留言(0) 人氣()



陣列物件 (Array object) 是在一個單一的變數裏儲存一組的值(可以是字串、數值,或是另一個物件)


範例

建立一個含有數值的陣列變數並且指定一些資料給它

建立一個文字的陣列
注意,長度的方式通常是用來瞭解這個陣列含有多少的元素。  

easonyo 發表在 痞客邦 留言(0) 人氣()



透過 JavaScript, 是可以執行一些程式碼而不須立即執行已呼叫的功能,而在特訂的時間差異後才執行,這就叫時間事件。


線上範例

簡單計時一

簡單計時二

無限迴圈的計時事件

easonyo 發表在 痞客邦 留言(0) 人氣()



圖片設定(image-map)是一種可點選圖片的區域


Examples

簡單的HTML 圖片設定

加上 JavaScript的圖片設定


HTML 圖片設定

你會瞭解圖片設定是一種可點選圖片的區域,一般來說,每一個區域都具有配合的連結,點選其中一個區域,會連結到相關的連結。

easonyo 發表在 痞客邦 留言(0) 人氣()



透過 JavaScript 我們可以建立動態的圖片。


範例

按紐動畫


JavaScript 動畫

以 JavaScript 來建立動態圖片是可行的。

技巧是讓 JavaScript 透過不同的事件改變不同的圖片。

easonyo 發表在 痞客邦 留言(0) 人氣()



JavaScript 能在網頁資料傳送至網路伺器之前,在HTML的格式裏先驗證輸入的資料


JavaScript 形式驗證

能被 JavaScript 檢查的鍵入的形式資料可能是:

  • 使用者是否在要求的資料欄裏留下空白?
  • 使用者是否鍵入有效的 e-mail ?
  • 使用者是否鍵入有效的日期?
  • 使用者是否在數字區域裏鍵入文字?

需求區域

下列的 function 會檢查是否要求的區域留下空白。如果區域是空白的話,就會跳出一個小的提示視窗,也不會傳回其值。若區域內的值已鍵入,則 function會將值傳回伺服器。

function validate_required(field,alerttxt)

easonyo 發表在 痞客邦 留言(0) 人氣()



cookie 通常是用來辨識使用者


範例

建立一個歡迎的 cookie


什麼是 Cookie?

cookie 是一個會儲存使用者電腦裏的變數。每一次同樣的電腦以瀏灠器請求網頁時,它同樣的也會傳 cookie。 有了 JavaScript, 你可以同時建立及回覆 cookie 的值。

cookies 的例子:

easonyo 發表在 痞客邦 留言(1) 人氣()



JavaScript 瀏灠器物件包含有關使用者瀏灠器的相關資料。


範例

偵測使用者的瀏灠器及版本

有關使用者瀏灠器更多的資料

有關使用者瀏灠器的全部資料

easonyo 發表在 痞客邦 留言(0) 人氣()



在編寫JavaScript 的時候有些重要的事必須瞭解. 。


JavaScript 是區分子母大小寫

如 功能名稱 "myfunction" 和 "myFunction" 名稱是不同的;或是變數名稱 "myVar" 和變數名稱 "myvar" 也是不一樣的 .

JavaScript 是區分大小寫的 - 因此當你要建立或是呼叫某個變數、物件或是功能時要密切注意你的字母大小寫。


符號

開始的符號,例如  ( { [ " ', 一定要配合結束的符號,如 ' " ] } ).

easonyo 發表在 痞客邦 留言(0) 人氣()



事件(Events) 是一些動作,且能夠被 JavaScript 偵測到。


事件Events

藉由 JavaScript,我們可以建立動態的網頁。事件是可以被 JavaScript偵測到的動作。.

有那些事件呢:

  • 按了一下滑鼠
  • 網頁下載或圖片下載
  • 滑鼠的游標在滑過網頁上的特定區域
  • 在 HTML 的格式裏選擇了一個輸入視窗
  • 接受了 HTML 的格式
  • 在鍵盤敲了一個鍵

以下列表出能夠被 JavaScript使用的事件:

easonyo 發表在 痞客邦 留言(0) 人氣()



在迴圈裏有二個特定的敘述:中斷 (break)及繼續(continue)


線上範例

Break 敘述
以 break 敘述來中斷迴圈。

Continue 敘述

easonyo 發表在 痞客邦 留言(0) 人氣()



在 JavaScript 裏迴圈是用來重覆執行一定次數的程式碼或在某些特定的條件成立時。


範例

For 迴圈
如何寫一個 for 迴圈。使用 For 迴圈來執行同樣的程式碼特定的次數。

透過 HTML 標題

easonyo 發表在 痞客邦 留言(0) 人氣()



function 是可以重覆使用的原始碼區塊,並且可以透過呼叫或事件的觸發來執行.


Examples

Function
如何呼叫一個功能(function.)

帶有參數的 Function

easonyo 發表在 痞客邦 留言(0) 人氣()



JavaScript 裏我們可以建立三種跳出小視窗:警告、確認及提示。


範例

警告小視窗

確認小視窗

提示小視窗

easonyo 發表在 痞客邦 留言(1) 人氣()



算術 運算子

運算子 描述 範例 結果
+ i加 x=2
y=2
x+y
4
- x=5
y=2

easonyo 發表在 痞客邦 留言(0) 人氣()



基於不同的條件而執行不同的動作,用這樣的 JavaScript 條件敘述:switch


線上範例

Switch 敘述
此例以一週當中的星期五、六、日設為三個條件,其它日則為預設條件。當使用者在不同的日期瀏灠時,會顯示出不同的歡迎詞! 嚐試看看改改練習裡的數字,視你練習時間的星期而定,如星期二,將case 5改為case 2,表示將星期五改為星期二。則網頁會顯示出在這個case區塊內的文字。


JavaScript Switch 敘述

若要從眾多的條件中擇一執行時使用 switch 敘述 

easonyo 發表在 痞客邦 留言(0) 人氣()

1 2