Xah's JavaScript Tutorial

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.

JavaScript Language Basics

• JavaScript Basics
• Functional Programing in JavaScript

Simple Examples

• Generating HTML Content
• Factorial With Recursion
• Print Current Time
• JavaScript Encode URL, Escape String

• Checking, Getting, Setting, Cookies
• Detecting Browser; Browser Sniffing

Changing HTML Dynamically, Examples

• On Mouse Over Example
• Image Rollover Example
• Pop-up a New Window

• Changing a Element's Style
• Changing HTML Content
• Inserting HTML Element Example

General DOM Scripting

• Frequently Used DOM Methods

• Get Elements by ID, Tag, Name, Class
• Get a Element's Attribute
• Set a Element's Attribute
• Get a Element's {Type, Name, Value}
• Navigating DOM Tree: previousSibling nextSibling childNodes firstChild lastChild parentNode

JQuery Basics

• jQuery Basics Tutorial
• jQuery Tutorial: Selectors

HTML Form

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

Misc

• JavaScript Floating Box Following Scroll
• Implementing Tab Menu with JavaScript

• JavaScript Execution Order; HTML5 Asynchronous JavaScript
• Asynchronous JavaScript; Using JavaScript to Insert JavaScript
• JavaScript/DOM: insertAfter a Element
• A Introduction to the Concept of Event in GUI Programing

• 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.