---
title: XUL 教學
slug: XUL_教學
translation_of: Archive/Mozilla/XUL/Tutorial
---
<p> </p>
<p>這份教學介紹<a href="/zh_tw/XUL" title="zh_tw/XUL"> XUL</a>（<a href="/zh_tw/XML" title="zh_tw/XML">XML</a> User-interface Language）。Mozilla 使用它來建立應用程式的使用介面</p>
<h5 id="Introduction" name="Introduction">引言</h5>
<ul>
 <li><a href="/zh_tw/XUL_指南/簡介" title="zh_tw/XUL_指南/簡介">簡介</a></li>
 <li><a href="/zh_tw/XUL_指南/XUL的結構" title="zh_tw/XUL_指南/XUL的結構">XUL的結構</a></li>
 <li><a href="/en/XUL_Tutorial/The_Chrome_URL" title="en/XUL_Tutorial/The_Chrome_URL">Chrome URL</a></li>
 <li><a href="/en/XUL_Tutorial/Manifest_Files" title="en/XUL_Tutorial/Manifest_Files">Manifest 檔案</a></li>
</ul>
<h5 id="Simple_Elements" name="Simple_Elements">Simple Elements</h5>
<ul>
 <li><a href="/en/XUL_Tutorial/Creating_a_Window" title="en/XUL_Tutorial/Creating_a_Window">Creating a Window</a></li>
 <li><a href="/en/XUL_Tutorial/Adding_Buttons" title="en/XUL_Tutorial/Adding_Buttons">Adding Buttons</a></li>
 <li><a href="/en/XUL_Tutorial/Adding_Labels_and_Images" title="en/XUL_Tutorial/Adding_Labels_and_Images">Adding Labels and Images</a></li>
 <li><a href="/en/XUL_Tutorial/Input_Controls" title="en/XUL_Tutorial/Input_Controls">Input Controls</a></li>
 <li><a href="/en/XUL_Tutorial/Numeric_Controls" title="en/XUL_Tutorial/Numeric_Controls">Numeric Controls</a></li>
 <li><a href="/en/XUL_Tutorial/List_Controls" title="en/XUL_Tutorial/List_Controls">List Controls</a></li>
 <li><a href="/en/XUL_Tutorial/Progress_Meters" title="en/XUL_Tutorial/Progress_Meters">Progress Meters</a></li>
 <li><a href="/en/XUL_Tutorial/Adding_HTML_Elements" title="en/XUL_Tutorial/Adding_HTML_Elements">Adding HTML Elements</a></li>
 <li><a href="/en/XUL_Tutorial/Using_Spacers" title="en/XUL_Tutorial/Using_Spacers">Using Spacers</a></li>
 <li><a href="/en/XUL_Tutorial/More_Button_Features" title="en/XUL_Tutorial/More_Button_Features">More Button Features</a></li>
</ul>
<h5 id="The_Box_Model" name="The_Box_Model">The Box Model</h5>
<ul>
 <li><a href="/en/XUL_Tutorial/The_Box_Model" title="en/XUL_Tutorial/The_Box_Model">The Box Model</a></li>
 <li><a href="/en/XUL_Tutorial/Element_Positioning" title="en/XUL_Tutorial/Element_Positioning">Element Positioning</a></li>
 <li><a href="/en/XUL_Tutorial/Box_Model_Details" title="en/XUL_Tutorial/Box_Model_Details">Box Model Details</a></li>
 <li><a href="/en/XUL_Tutorial/Groupboxes" title="en/XUL_Tutorial/Groupboxes">Groupboxes</a></li>
 <li><a href="/en/XUL_Tutorial/Adding_More_Elements" title="en/XUL_Tutorial/Adding_More_Elements">Adding More Elements</a></li>
</ul>
<h5 id="More_Layout_Elements" name="More_Layout_Elements">More Layout Elements</h5>
<ul>
 <li><a href="/en/XUL_Tutorial/Stacks_and_Decks" title="en/XUL_Tutorial/Stacks_and_Decks">Stacks and Decks</a></li>
 <li><a href="/en/XUL_Tutorial/Stack_Positioning" title="en/XUL_Tutorial/Stack_Positioning">Stack Positioning</a></li>
 <li><a href="/en/XUL_Tutorial/Tabboxes" title="en/XUL_Tutorial/Tabboxes">Tabboxes</a></li>
 <li><a href="/en/XUL_Tutorial/Grids" title="en/XUL_Tutorial/Grids">Grids</a></li>
 <li><a href="/en/XUL_Tutorial/Content_Panels" title="en/XUL_Tutorial/Content_Panels">Content Panels</a></li>
 <li><a href="/en/XUL_Tutorial/Splitters" title="en/XUL_Tutorial/Splitters">Splitters</a></li>
</ul>
<h5 id="Toolbars_and_Menus" name="Toolbars_and_Menus">Toolbars and Menus</h5>
<ul>
 <li><a href="/en/XUL_Tutorial/Toolbars" title="en/XUL_Tutorial/Toolbars">Toolbars</a></li>
 <li><a href="/en/XUL_Tutorial/Simple_Menu_Bars" title="en/XUL_Tutorial/Simple_Menu_Bars">Simple Menu Bars</a></li>
 <li><a href="/en/XUL_Tutorial/More_Menu_Features" title="en/XUL_Tutorial/More_Menu_Features">More Menu Features</a></li>
 <li><a href="/en/XUL_Tutorial/Popup_Menus" title="en/XUL_Tutorial/Popup_Menus">Popup Menus</a></li>
 <li><a href="/en/XUL_Tutorial/Scrolling_Menus" title="en/XUL_Tutorial/Scrolling_Menus">Scrolling Menus</a></li>
</ul>
<h5 id="Events_and_Scripts" name="Events_and_Scripts">Events and Scripts</h5>
<ul>
 <li><a href="/en/XUL_Tutorial/Adding_Event_Handlers" title="en/XUL_Tutorial/Adding_Event_Handlers">Adding Event Handlers</a></li>
 <li><a href="/en/XUL_Tutorial/More_Event_Handlers" title="en/XUL_Tutorial/More_Event_Handlers">More Event Handlers</a></li>
 <li><a href="/en/XUL_Tutorial/Keyboard_Shortcuts" title="en/XUL_Tutorial/Keyboard_Shortcuts">Keyboard Shortcuts</a></li>
 <li><a href="/en/XUL_Tutorial/Focus_and_Selection" title="en/XUL_Tutorial/Focus_and_Selection">Focus and Selection</a></li>
 <li><a href="/en/XUL_Tutorial/Commands" title="en/XUL_Tutorial/Commands">Commands</a></li>
 <li><a href="/en/XUL_Tutorial/Updating_Commands" title="en/XUL_Tutorial/Updating_Commands">Updating Commands</a></li>
 <li><a href="/en/XUL_Tutorial/Broadcasters_and_Observers" title="en/XUL_Tutorial/Broadcasters_and_Observers">Broadcasters and Observers</a></li>
</ul>
<h5 id="Document_Object_Model" name="Document_Object_Model">Document Object Model</h5>
<ul>
 <li><a href="/en/XUL_Tutorial/Document_Object_Model" title="en/XUL_Tutorial/Document_Object_Model">Document Object Model</a></li>
 <li><a href="/en/XUL_Tutorial/Modifying_a_XUL_Interface" title="en/XUL_Tutorial/Modifying_a_XUL_Interface">Modifying a XUL Interface</a></li>
 <li><a href="/en/XUL_Tutorial/Manipulating_Lists" title="en/XUL_Tutorial/Manipulating_Lists">Manipulating Lists</a></li>
 <li><a href="/en/XUL_Tutorial/Box_Objects" title="en/XUL_Tutorial/Box_Objects">Box Objects</a></li>
 <li><a href="/en/XUL_Tutorial/XPCOM_Interfaces" title="en/XUL_Tutorial/XPCOM_Interfaces">XPCOM Interfaces</a></li>
 <li><a href="/en/XUL_Tutorial/XPCOM_Examples" title="en/XUL_Tutorial/XPCOM_Examples">XPCOM Examples</a></li>
</ul>
<h5 id="Trees" name="Trees">Trees</h5>
<ul>
 <li><a href="/en/XUL_Tutorial/Trees" title="en/XUL_Tutorial/Trees">Trees</a></li>
 <li><a href="/en/XUL_Tutorial/More_Tree_Features" title="en/XUL_Tutorial/More_Tree_Features">More Tree Features</a></li>
 <li><a href="/en/XUL_Tutorial/Tree_Selection" title="en/XUL_Tutorial/Tree_Selection">Tree Selection</a></li>
 <li><a href="/en/XUL_Tutorial/Custom_Tree_Views" title="en/XUL_Tutorial/Custom_Tree_Views">Custom Tree Views</a></li>
 <li><a href="/en/XUL_Tutorial/Tree_View_Details" title="en/XUL_Tutorial/Tree_View_Details">Tree View Details</a></li>
 <li><a href="/en/XUL_Tutorial/Tree_Box_Objects" title="en/XUL_Tutorial/Tree_Box_Objects">Tree Box Objects</a></li>
</ul>
<h5 id="RDF_and_Templates" name="RDF_and_Templates">RDF and Templates</h5>
<ul>
 <li><a href="/en/XUL_Tutorial/Introduction_to_RDF" title="en/XUL_Tutorial/Introduction_to_RDF">Introduction to RDF</a></li>
 <li><a href="/en/XUL_Tutorial/Templates" title="en/XUL_Tutorial/Templates">Templates</a></li>
 <li><a href="/en/XUL_Tutorial/Trees_and_Templates" title="en/XUL_Tutorial/Trees_and_Templates">Trees and Templates</a></li>
 <li><a href="/en/XUL_Tutorial/RDF_Datasources" title="en/XUL_Tutorial/RDF_Datasources">RDF Datasources</a></li>
 <li><a href="/en/XUL_Tutorial/Advanced_Rules" title="en/XUL_Tutorial/Advanced_Rules">Advanced Rules</a></li>
 <li><a href="/en/XUL_Tutorial/Persistent_Data" title="en/XUL_Tutorial/Persistent_Data">Persistent Data</a></li>
</ul>
<h5 id="Skins_and_Locales" name="Skins_and_Locales">Skins and Locales</h5>
<ul>
 <li><a href="/en/XUL_Tutorial/Adding_Style_Sheets" title="en/XUL_Tutorial/Adding_Style_Sheets">Adding Style Sheets</a></li>
 <li><a href="/en/XUL_Tutorial/Styling_a_Tree" title="en/XUL_Tutorial/Styling_a_Tree">Styling a Tree</a></li>
 <li><a href="/en/XUL_Tutorial/Modifying_the_Default_Skin" title="en/XUL_Tutorial/Modifying_the_Default_Skin">Modifying the Default Skin</a></li>
 <li><a href="/en/XUL_Tutorial/Creating_a_Skin" title="en/XUL_Tutorial/Creating_a_Skin">Creating a Skin</a></li>
 <li><a href="/en/XUL_Tutorial/Localization" title="en/XUL_Tutorial/Localization">Localization</a></li>
 <li><a href="/en/XUL_Tutorial/Property_Files" title="en/XUL_Tutorial/Property_Files">Property Files</a></li>
</ul>
<h5 id="Bindings" name="Bindings">Bindings</h5>
<ul>
 <li><a href="/en/XUL_Tutorial/Introduction_to_XBL" title="en/XUL_Tutorial/Introduction_to_XBL">Introduction to XBL</a></li>
 <li><a href="/en/XUL_Tutorial/Anonymous_Content" title="en/XUL_Tutorial/Anonymous_Content">Anonymous Content</a></li>
 <li><a href="/en/XUL_Tutorial/XBL_Attribute_Inheritance" title="en/XUL_Tutorial/XBL_Attribute_Inheritance">XBL Attribute Inheritance</a></li>
 <li><a href="/en/XUL_Tutorial/Adding_Properties_to_XBL-defined_Elements" title="en/XUL_Tutorial/Adding_Properties_to_XBL-defined_Elements">Adding Properties</a></li>
 <li><a href="/en/XUL_Tutorial/Adding_Methods_to_XBL-defined_Elements" title="en/XUL_Tutorial/Adding_Methods_to_XBL-defined_Elements">Adding Methods</a></li>
 <li><a href="/en/XUL_Tutorial/Adding_Event_Handlers_to_XBL-defined_Elements" title="en/XUL_Tutorial/Adding_Event_Handlers_to_XBL-defined_Elements">Adding Event Handlers</a></li>
 <li><a href="/en/XUL_Tutorial/XBL_Inheritance" title="en/XUL_Tutorial/XBL_Inheritance">XBL Inheritance</a></li>
 <li><a href="/en/XUL_Tutorial/XBL_Example" title="en/XUL_Tutorial/XBL_Example">XBL Example</a></li>
</ul>
<h5 id="Specialized_Window_Types" name="Specialized_Window_Types">Specialized Window Types</h5>
<ul>
 <li><a href="/en/XUL_Tutorial/Features_of_a_Window" title="en/XUL_Tutorial/Features_of_a_Window">Features of a Window</a></li>
 <li><a href="/en/XUL_Tutorial/Creating_Dialogs" title="en/XUL_Tutorial/Creating_Dialogs">Creating Dialogs</a></li>
 <li><a href="/en/XUL_Tutorial/Open_and_Save_Dialogs" title="en/XUL_Tutorial/Open_and_Save_Dialogs">Open and Save Dialogs</a></li>
 <li><a href="/en/XUL_Tutorial/Creating_a_Wizard" title="en/XUL_Tutorial/Creating_a_Wizard">Creating a Wizard</a></li>
 <li><a href="/en/XUL_Tutorial/More_Wizards" title="en/XUL_Tutorial/More_Wizards">More Wizards</a></li>
 <li><a href="/en/XUL_Tutorial/Overlays" title="en/XUL_Tutorial/Overlays">Overlays</a></li>
 <li><a href="/en/XUL_Tutorial/Cross_Package_Overlays" title="en/XUL_Tutorial/Cross_Package_Overlays">Cross Package Overlays</a></li>
</ul>
<h5 id="Installation" name="Installation">Installation</h5>
<ul>
 <li><a href="/en/XUL_Tutorial/Creating_an_Installer" title="en/XUL_Tutorial/Creating_an_Installer">Creating an Installer</a></li>
 <li><a href="/en/XUL_Tutorial/Install_Scripts" title="en/XUL_Tutorial/Install_Scripts">Install Scripts</a></li>
 <li><a href="/en/XUL_Tutorial/Additional_Install_Features" title="en/XUL_Tutorial/Additional_Install_Features">Additional Install Features</a></li>
</ul>
<div class="note">
 <p>This XUL tutorial was originally created by <a class="external" href="http://www.xulplanet.com/ndeakin/">Neil Deakin</a>. He has graciously given us permission to use it as part of the <a href="/Project:en/About" title="Project:en/About">MDC</a>.</p>
</div>
<div class="originaldocinfo">
 <h5 id="Original_Document_Information" name="Original_Document_Information">Original Document Information</h5>
 <ul>
  <li>Author: <a class="external" href="http://www.xulplanet.com/ndeakin/">Neil Deakin</a></li>
  <li>Copyright Information: © 1999-2005 XULPlanet.com</li>
 </ul>
</div>
<p><span class="comment">Interwiki Language Links</span></p>