Advanced JavaScript Programming

#text-block-10 { margin-bottom:0px; text-align:left; }

Quick JavaScript Recap

Primitive data types

Native Types

Functions

The DOM

JavaScript is not the DOM

The window object

The

XMLHttpRequest object

JSON

Advanced Techniques

Optional Function Arguments

Truthy and Falsy

Default Operator

Default Operator Gotcha!

Functions Passed as Arguments

Anonymous Functions

Inner Functions

Observing and Capturing Events

The eval()

Function

Variable Scope

Error Handling

The delete Operator

Regular Expressions

Getting Started

JavaScript’s Regular Expression

Methods

Flags

String Methods

Regular Expression Syntax

Start and End ( ^ $ )

Number of Occurrences ( ? + * {} )

Com

mon Characters ( \d\D\w\W\s\S )

Grouping ( [] )

Negation ( ^ )

Subpatterns ( () )

Alternatives ( | )

Escape Character (\)

Backreferences

Form Validation with Regular

Expressions

Cleaning Up Form Entries

#text-block-11 { margin-bottom:0px; text-align:left; }

The HTML Document Object

Model

innerHTML

Accessing Element Nodes

getElementById()

getElementsByTagName()

getElementsByClassName()

querySelectorAll()

querySelector()

Accessing Element and Text

Nodes Hierarchically

Attaching Events

Event Propagation: Capturing and Bubbling

Detach ing Events

Accessing Attribute Nodes

Accessing Nodes by Type, Name

or Value

Removing Nodes from the DOM

DOM Differences: The Whitespace

Problem

Creating New Nodes

Identifying the Target of an Event

Dynamic Forms

Jump Menus

The options[] Collection

The selectedIndex Property

Disabling Form Elements

Adding Options to a Select Menu

Cascading Select Menus

Making the Code Modular

Creating a JavaScript Timer

Dynamic HTML

Introduction

Accessing and Modifying Styles

JavaScript style Properties

Hiding and Showing Elements

Manipulating Tables

Dynamically Changing Dimensions

Creating a Timed Slider

Positioning Elements Dynamically

Creating a Different Timed Slider

Changing the Z-Index

A Note on JavaScript Framework