How to Edit JavaScript in Dreamweaver

by Craig Witt

Developed by Adobe Systems and included in its Creative Suite of design software, Dreamweaver is a website authoring tool that gives you the ability to create, edit and publish Web pages. The software allows you to work with most types of programming languages, including JavaScript. Once you understand how to select the proper editing mode and locate the corresponding block of code, editing JavaScript in Dreamweaver becomes a quick process that requires only a few clicks.

Open Adobe Dreamweaver.

Click "File" in the top menu bar and select "Open."

Navigate in the resulting dialog box to the folder containing the Web page you want to edit, and then select the file by double-clicking its icon.

Click "View" in the top menu bar and select "Code" to enable Dreamweaver's Code mode.

Scroll through the Web page code until you reach the block of JavaScript you want to edit, and then make your changes to the code as needed. This block will be preceded by the following tag: <script type="text/javascript">.

Click "File" in the top menu bar and select "Save" to confirm your changes.

Tip

  • check JavaScript code is sometimes contained in external files attached to your Web page. If you need to edit your JavaScript in this form, simply select the external JavaScript file in Step 3 instead of your Web page.

About the Author

Craig Witt has written professionally since 2005 in the public and private sectors as a journalist, marketing copywriter and public relations professional. He most often writes consumer software and hardware how-to articles for eHow. Witt has a Bachelor of Arts in communications from the University of Washington.