∑ Home ◇ Math ◇ Computing ◇ Arts ◇ Words ◇ Literature ◇ Music ◆

Xah's Javascript Tutorial

Xah Lee, 2005-05, …, 2011-01

All code are tested with Internet Explorer, Firefox, Safari, Google Chrome browsers from 2008 to 2011. If a html/css/js feature is not supported across browsers, it'll be specifically noted.

For latest articles, subscribe: Xah's Web Dev Blog.

Language Basics and Simple Examples

• Javascript Basics

• Generating HTML Content With Javascript
• Factorial With Recursion
• Print Current Time
• Javascript Encode URL, Escape String
• Functional Programing in Javascript
• Javascript Execution Order; HTML5 Asynchronous Javascript
• A Introduction to the Concept of Event in GUI Programing

Common Tasks

Browser Sniffing

• Check if Cookie is Enabled
• Detecting Browser and Version
• Javascript OnMouseOver Example

User Interface

• Image Rollover
• Pop-up A New Window
• Javascript Floating Box Following Scroll
• Implementing Tab Menu with JavaScript

Changing Content Dynamically

• Changing a Element's Style with Javascript
• Changing HTML Content with Javascript
• Adding HTML Content with Javascript
• Get Elements by ID, Tag, Name, Class
• Asynchronous Javascript; Using Javascript to Insert Javascript
• Javascript/DOM: insertAfter a Element

JQuery

• jQuery Basics Tutorial
• jQuery Tutorial: Selectors

HTML Form

• HTML Form Example
• Visit URL In A New Window
• Instant Field Validation
• Input Field Validation

Misc

• How To Do Tooltip Bubble With Javascript
• Syntax Coloring with Google-Code-Prettify

Download the whole thing for $5. Use the paypal button below. In the comment field, put “dhtml tutorial zip file”. I'll email you the download link. Make sure your email address is included and correct.