選取頁面上的元素，例如影像
或連結。
上次更新時間
2021年4月27日
在 Adobe Dreamweaver 中使用 JavaScript 行為，將 JavaScript 程式碼放置在文件中，讓訪客能夠變更網頁或發起特定任務。
Adobe Dreamweaver 行為會在文件中放置 JavaScript 程式碼，讓使用者可以用各種方式變更網頁或起始某些工作。 行為是事件和該事件所觸發動作的組合。 在「行為」面板中，您可以先指定動作，然後再指定觸發該動作的事件，行為新增至頁面。
備註
行為程式碼是用戶端 JavaScript 程式碼；也就是說，它在瀏覽器中執行，而非在伺服器上執行。
事件實際上是瀏覽器產生的訊息，表示您頁面的訪客已執行某個動作。例如，當訪客將指標移到連結上時，瀏覽器會針對該連結產生 onMouseOver 事件；然後瀏覽器會檢查是否應該呼叫某些 JavaScript 程式碼 (在正在檢視的頁面中指定) 來回應。不同的事件是為不同的頁面元素定義的；例如，在大多數瀏覽器中，onMouseOver 和 onClick 是與連結相關的事件，而 onLoad 是與影像和文件的 正文 區段相關的事件。
動作是預先撰寫的 JavaScript 程式碼，用於執行任務，例如開啟瀏覽器視窗、顯示或隱藏 AP 元素、播放聲音，或停止 Adobe Shockwave 影片。Dreamweaver 隨附的動作可提供最大的跨瀏覽器相容性。
將行為附加到頁面元素後，每當該元素發生該事件時，行為就會呼叫與事件相關的動作 (JavaScript 程式碼)。(您可以用來觸發指定動作的事件會因瀏覽器而異。)例如，如果您將「彈出訊息」動作附加到連結，並指定由 onMouseOver 事件觸發，則每當有人將指標放在該連結上時，您的訊息就會彈出。
單一事件可以觸發多個不同的動作，而且您可以指定這些動作發生的順序。
Dreamweaver 提供大約二十幾種動作；其他動作可以在 www.adobe.com/go/dreamweaver_exchange 的 Exchange 網站以及第三方開發人員網站上找到。如果您精通 JavaScript，可以撰寫自己的動作。
備註
「行為」和「動作」這兩個詞彙是 Dreamweaver 詞彙，而不是 HTML 詞彙。 從瀏覽器的角度來看，動作就像任何其他 JavaScript 程式碼片段一樣。
行為面板總覽
您使用「行為」面板 (「視窗」>「行為」) 將行為附加到頁面元素 (更具體地說是標記)，並修改先前附加行為的參數。
已附加到目前選取頁面元素的行為會出現在行為清單中 (面板的主要區域)，依事件按字母順序列出。如果針對相同事件列出多個動作，它們將依照在清單中出現的順序執行。如果行為清單中沒有出現任何行為，表示沒有行為附加到目前選取的元素。
「行為」面板具有下列選項：
顯示設定事件
僅顯示已附加到目前文件的事件。事件會整理到用戶端或伺服器端的類別中。 每個類別的事件會以可收合的清單顯示。 「顯示設定事件」是預設檢視。
顯示全部事件
會以字母順序顯示指定類別中所有事件的清單。
增加行為 (+)
顯示可附加到目前選取元素的動作選單。當您從此清單中選取動作時，會出現一個對話框，您可以在其中指定動作的參數。如果所有動作都變暗，表示選取的元素無法產生任何事件。
移除事件 (–)
會從行為清單中移除選取的事件和動作。
向上和向下箭頭按鈕
在特定事件的行為清單中，將選取的動作向上或向下移動。您只能針對特定事件變更動作的順序 例如，您可以變更 onLoad 事件中多個動作發生的順序， 但所有 onLoad 動作會在行為 清單中保持在一起。對於無法在清單中 向上或向下移動的動作，箭頭按鈕會停用。
事件
顯示可觸發動作之所有事件的彈出式選單，此選單只有在選取事件時才會顯示 (當您按一下所選取事件名稱旁邊的箭頭按鈕時，便會顯示此選單)。 根據選取的物件不同，會出現不同的事件。 如果您預期的事件沒有顯示，請確定所選取的是正確的頁面元素或標籤 (若要選取特定標籤，請使用「文件」視窗左下方的標籤選取器)。
備註
括號中的事件名稱只供連結使用；只要選擇其中一個事件名稱便會自動將 Null 連結新增到選取的頁面元素，並附加行為至該連結，而非元素本身。 Null 連結在 HTML 編碼中指定為 href="javascript:;"。
關於事件
每個瀏覽器 都會提供一組事件，您可以將這些事件與「行為」面板的「動作 (+)」選單中列出的動作 建立關聯。當訪問您 網頁的訪客與頁面互動時 (例如，按一下影像)， 瀏覽器會產生事件；這些事件可用於呼叫執行動作的 JavaScript 函數。Dreamweaver 提供許多常見動作，您可以透過這些事件加以觸發。
如需各瀏覽器提供事件的名稱和說明， 請參閱位於 www.adobe.com/go/dreamweaver_support 的 Dreamweaver 支援中心。
根據選取的 物件，「事件」選單中會出現不同的事件。若要瞭解特定瀏覽器對特定 頁面元素支援哪些事件，請在您的文件中插入 頁面元素並將行為附加到該元素，然後查看「行為」 面板中的「事件」選單。(依預設，事件是從 HTML 4.01 事件清單中選取的， 並受大多數現代瀏覽器支援。)如果相關物件尚不存在於頁面上，或 選取的物件無法接收事件，事件可能會停用 (變暗)。如果預期的事件 未出現，請確定已選取正確的物件。
如果您要將行為附加到影像，某些事件 (例如 onMouseOver) 會顯示在括弧中。這些事件 僅適用於連結。當您選取其中一個事件時，Dreamweaver 會在影像周圍包裝 <a> 標記 以定義空白連結。空白連結在「屬性」檢視窗的「連結」 方塊中由 javascript:; 表示。如果您想要將其轉換為 另一個頁面的真實連結，可以變更連結值，但如果您刪除 JavaScript 連結 而未將其替換為其他連結，您將移除該行為。
若要查看在特定瀏覽器中可與特定事件搭配使用的標記， 請在 Dreamweaver/Configuration/Behaviors/Events 檔案夾中的其中一個檔案內搜尋該事件。
套用行為
您可以將行為附加到整個文件 (亦即 <body> 標記) 或連結、 影像、表單元素以及其他數種 HTML 元素。
您選取的 目標瀏覽器會決定特定元素支援哪些事件。
您可以為每個事件指定多個動作。動作會依照它們在 「行為」面板的「動作」欄中列出的順序發生，但您可以變更 該順序。
若要將行為附加到整個頁面，請按一下「文件」視窗左下角標記選擇器中的 <body> 標記。
選擇「視窗＞行為」。
按一下加號 (+) 按鈕並從
「新增行為」選單中選取動作。
您無法選擇選單中呈現灰色的動作。 這些動作 可能會變暗，因為目前 文件中不存在必要的物件。例如，如果文件不包含任何 Shockwave 或 SWF 檔案，「控制 Shockwave 或 SWF」動作就會呈現暗灰色。
當您選取動作時，會出現對話框，顯示該動作的參數和說明。
輸入動作的參數，然後按一下「確定」。
Dreamweaver 中提供的所有動作都可以在最新的瀏覽器中運作。 儘管有些動作無法在舊版的瀏覽器運作，但是還不至於出現錯誤。
備註
目標元素需要唯一的 ID。 例如，如果您希望將「調換影像」行為套用至影像中，則該影像需要一個 ID。 如果元素沒有指定 ID，Dreamweaver 會自動為您指定一個。
觸發動作的預設事件會出現在「事件」欄中。如果這不是您想要的觸發程序事件，請從「事件」快顯選單中選取其他事件。(若要開啟「事件」選單，請在「行為」面板中選取事件或動作，然後按一下出現在事件名稱和動作名稱之間的向下黑色箭頭。)
變更或刪除行為
附加行為後，您可以變更觸發動作的事件、新增或移除動作，以及變更動作的參數。
選取有附加行為的物件。
選擇「視窗＞行為」。
進行所要的變更：
若要編輯動作的參數，請連按兩下其名稱，或選取它並按 Enter (Windows) 或 Return (Macintosh) 鍵；然後在對話框中變更參數並按一下「確定」。
若要變更指定事件之動作的順序，請選取動作並按一下「向上」或「向下」箭頭。或者，您可以選取動作並將其剪下和貼上至其他動作中所需的位置。
若要刪除行為，請選取它並按一下減號 (–) 按鈕或按 Delete 鍵。
更新行為
選取已附加行為的元素。
選擇「視窗 > 行為」並連按兩下該行為。
進行變更，然後在行為對話框中按一下「確定」。
在那頁面中該行為的所有出現項目都將被更新。 如果網站上的其他頁面具有該行為，您必須逐頁更新它們。
下載並安裝協力廠商行為
Exchange for Dreamweaver 網站 (www.adobe.com/go/dreamweaver_exchange) 上提供了許多擴充功能。
選擇「視窗 > 行為」，然後從「新增行為」選單中選取「取得更多行為」。
您的主要瀏覽器會開啟，然後出現 Exchange 網站。
瀏覽或搜尋套件。
下載並安裝您想要的擴充套件。
如需詳細資訊，請參閱 在 Dreamweaver 中新增和管理擴充功能。
