公告版位

目前分類:JavaScript基礎 (19)

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


有了 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 的時候有些重要的事必須瞭解. 。


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) 人氣()



條件敘述在JavaScript 的運用上,是基於不同的條件來執行不同的動作。


線上範例

If 敘述
此例以二個變數"d"及"time",分別代表日期及時間,當你做此練習的時間若是在早上十點以前時,螢幕會顯示早安(good morning),你可以試試改變範例中的 "<" 變成 ">" 或是後面的時間"10" ,看看有何改變。

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



" 對你要儲存的資料而言,變數就好像是一個容器


範例

Variable
變數是用來儲存資料,在這個例子裏,"var" 就是變數,"name"是變數的名稱,你可以改變var name="Hege" 雙引號的內容,把hege改成別的名字,中文也可以。然後按上方的按紐「edit the text and click me」看看有何變化!

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



當下載網頁時,在

內的JavaScripts 會被執行.

內的JavaScripts 當網頁下載後即執行.

範例

<Head>

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



HTML

上述之原始碼將會產生這樣的輸出在網頁上:

你好!

範例說明

要將JavaScript 插在網頁內,我們使用 標示 (同樣使用形式屬性來定義 scripting 語言).

所以 表示 JavaScript 的開始標示,及結束標示:


要將文字輸出在網頁上,這個字 document.write 是一個標準的 JavaScript 指令.

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



JavaScript 被用在數百萬的網頁上以用來改進設計、認證形式、偵測使用者的瀏灠器、建立及使用cookies等。  JavaScript 是由Netscape 所發展出來在網際網路中是最著名的指令語言。

JavaScript 在主要的瀏灠器都能運作。


你應該先知道什麼

在你繼續瀏灠之前,你應對下列的知識有一些基本認識:

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