Difference between revisions of "JavaScript Essentials"
From Techotopia
Line 12: | Line 12: | ||
== JavaScript Essentials - Table of Contents == | == JavaScript Essentials - Table of Contents == | ||
− | + | # [[About this Book]]<br><br> | |
− | + | # [[Intended Audience]]<br><br> | |
# [[The History of JavaScript]] | # [[The History of JavaScript]] | ||
#* [[The History of JavaScript|Jim and Marc Meet in Palo Alto]] | #* [[The History of JavaScript|Jim and Marc Meet in Palo Alto]] | ||
#* [[The History of JavaScript|Moving on from Static Web Pages]] | #* [[The History of JavaScript|Moving on from Static Web Pages]] | ||
− | #* [[The History of JavaScript|LiveScript, JavaScript, JScript, ECMAScript - What's in a Name?]] | + | #* [[The History of JavaScript|LiveScript, JavaScript, JScript, ECMAScript - What's in a Name?]]<br><br> |
− | # [[A Simple JavaScript Example]] | + | # [[A Simple JavaScript Example]]<br><br> |
# [[Embedding JavaScript into Web pages]] | # [[Embedding JavaScript into Web pages]] | ||
#* [[Embedding JavaScript into Web pages|The <script> element]] | #* [[Embedding JavaScript into Web pages|The <script> element]] | ||
− | #* [[Embedding JavaScript into Web pages|Where to place JavaScript in a Web Page]] | + | #* [[Embedding JavaScript into Web pages|Where to place JavaScript in a Web Page]]<br><br> |
# [[Introducing JavaScript Variables]] | # [[Introducing JavaScript Variables]] | ||
#* [[Introducing JavaScript Variables|Variable Declaration and the Assignment Operator]] | #* [[Introducing JavaScript Variables|Variable Declaration and the Assignment Operator]] | ||
− | #* [[Introducing JavaScript Variables|JavaScript Variable Naming Conventions]] | + | #* [[Introducing JavaScript Variables|JavaScript Variable Naming Conventions]]<br><br> |
# [[JavaScript Variable Types]] | # [[JavaScript Variable Types]] | ||
− | #* [[JavaScript Variable Types|The JavaScript typeof Operator]] | + | #* [[JavaScript Variable Types|The JavaScript typeof Operator]]<br><br> |
# [[JavaScript Operators]] | # [[JavaScript Operators]] | ||
#* [[JavaScript Operators|Assignment Operators]] | #* [[JavaScript Operators|Assignment Operators]] | ||
Line 34: | Line 34: | ||
#* [[JavaScript Operators|String Operators]] | #* [[JavaScript Operators|String Operators]] | ||
#* [[JavaScript Operators|Conditional Operators]] | #* [[JavaScript Operators|Conditional Operators]] | ||
− | #* [[JavaScript Operators|Logical Operators]] | + | #* [[JavaScript Operators|Logical Operators]]<br><br> |
# [[Comments in JavaScript]] | # [[Comments in JavaScript]] | ||
#* [[Comments in JavaScript|Single Line Comments]] | #* [[Comments in JavaScript|Single Line Comments]] | ||
− | #* [[Comments in JavaScript|Multi-line Comments]] | + | #* [[Comments in JavaScript|Multi-line Comments]]<br><br> |
# [[JavaScript Flow Control and Looping]] | # [[JavaScript Flow Control and Looping]] | ||
#* [[JavaScript Flow Control and Looping|JavaScript Conditional Statements]] | #* [[JavaScript Flow Control and Looping|JavaScript Conditional Statements]] | ||
Line 49: | Line 49: | ||
#* [[JavaScript Flow Control and Looping|Breaking a Loop]] | #* [[JavaScript Flow Control and Looping|Breaking a Loop]] | ||
#* [[JavaScript Flow Control and Looping|label Statements]] | #* [[JavaScript Flow Control and Looping|label Statements]] | ||
− | #* [[JavaScript Flow Control and Looping|Skipping Statements in Current Loop Iteration]] | + | #* [[JavaScript Flow Control and Looping|Skipping Statements in Current Loop Iteration]]<br><br> |
# [[Understanding JavaScript Functions]] | # [[Understanding JavaScript Functions]] | ||
#* [[Understanding JavaScript Functions|Declaring and Calling a JavaScript Function]] | #* [[Understanding JavaScript Functions|Declaring and Calling a JavaScript Function]] | ||
#* [[Understanding JavaScript Functions|Passing Arguments to a Function]] | #* [[Understanding JavaScript Functions|Passing Arguments to a Function]] | ||
#* [[Understanding JavaScript Functions|Returning a Value from a Function]] | #* [[Understanding JavaScript Functions|Returning a Value from a Function]] | ||
− | #* [[Understanding JavaScript Functions|Where to Place Function Declarations]] | + | #* [[Understanding JavaScript Functions|Where to Place Function Declarations]]<br><br> |
# [[JavaScript Object Basics]] | # [[JavaScript Object Basics]] | ||
#* [[JavaScript Object Basics|Creating a Custom JavaScript Object]] | #* [[JavaScript Object Basics|Creating a Custom JavaScript Object]] | ||
#* [[JavaScript Object Basics|Creating and Using Object Instances]] | #* [[JavaScript Object Basics|Creating and Using Object Instances]] | ||
− | #* [[JavaScript Object Basics|Extending JavaScript Objects]] | + | #* [[JavaScript Object Basics|Extending JavaScript Objects]]<br><br> |
# [[JavaScript String Object]] | # [[JavaScript String Object]] | ||
#* [[JavaScript String Object|Creating a JavaScript String Object]] | #* [[JavaScript String Object|Creating a JavaScript String Object]] | ||
Line 67: | Line 67: | ||
#* [[JavaScript String Object|Setting String Object text Effects]] | #* [[JavaScript String Object|Setting String Object text Effects]] | ||
#* [[JavaScript String Object|Performing Conversions on String Objects]] | #* [[JavaScript String Object|Performing Conversions on String Objects]] | ||
− | #* [[JavaScript String Object|Manipulating Strings with the String Object]] | + | #* [[JavaScript String Object|Manipulating Strings with the String Object]]<br><br> |
# [[JavaScript Date Object]] | # [[JavaScript Date Object]] | ||
#* [[JavaScript Date Object|Understanding System Time]] | #* [[JavaScript Date Object|Understanding System Time]] | ||
Line 74: | Line 74: | ||
#* [[JavaScript String Object|Reading the Date and Time from a JavaScript Date Object]] | #* [[JavaScript String Object|Reading the Date and Time from a JavaScript Date Object]] | ||
#* [[JavaScript String Object|UTC Time]] | #* [[JavaScript String Object|UTC Time]] | ||
− | #* [[JavaScript String Object|Finding the Time Zone Offset and Getting Local Time]] | + | #* [[JavaScript String Object|Finding the Time Zone Offset and Getting Local Time]]<br><br> |
# [[JavaScript Math Object]] | # [[JavaScript Math Object]] | ||
#* [[JavaScript Math Object|JavaScript Math Object Methods]] | #* [[JavaScript Math Object|JavaScript Math Object Methods]] | ||
#* [[JavaScript String Object|JavaScript Math Object Properties]] | #* [[JavaScript String Object|JavaScript Math Object Properties]] | ||
#* [[JavaScript String Object|Using JavaScript Math Object and Properties]] | #* [[JavaScript String Object|Using JavaScript Math Object and Properties]] | ||
− | #* [[JavaScript String Object|Rounding and Truncating Numbers with the the Math Object]] | + | #* [[JavaScript String Object|Rounding and Truncating Numbers with the the Math Object]]<br><br> |
# [[JavaScript Window Object]] | # [[JavaScript Window Object]] | ||
#* [[JavaScript Window Object|Referencing the JavaScript window Object]] | #* [[JavaScript Window Object|Referencing the JavaScript window Object]] | ||
Line 87: | Line 87: | ||
#* [[JavaScript Window Object|Moving and Resizing Windows]] | #* [[JavaScript Window Object|Moving and Resizing Windows]] | ||
#* [[JavaScript Window Object|Changing Window Focus]] | #* [[JavaScript Window Object|Changing Window Focus]] | ||
− | #* [[JavaScript Window Object|Displaying Message Box Dialogs]] | + | #* [[JavaScript Window Object|Displaying Message Box Dialogs]]<br><br> |
# [[JavaScript Document Object]] | # [[JavaScript Document Object]] | ||
#* [[JavaScript Document Object|What is the JavaScript Document Object?]] | #* [[JavaScript Document Object|What is the JavaScript Document Object?]] | ||
Line 96: | Line 96: | ||
#* [[JavaScript Document Object|Changing the Document Title]] | #* [[JavaScript Document Object|Changing the Document Title]] | ||
#* [[JavaScript Document Object|Changing the Document Colors]] | #* [[JavaScript Document Object|Changing the Document Colors]] | ||
− | #* [[JavaScript Document Object|Getting a List of Objects in a Document]] | + | #* [[JavaScript Document Object|Getting a List of Objects in a Document]]<br><br> |
# [[JavaScript Location Object]] | # [[JavaScript Location Object]] | ||
#* [[JavaScript Location Object|Loading a New URL into the Current Window]] | #* [[JavaScript Location Object|Loading a New URL into the Current Window]] | ||
#* [[JavaScript Location Object|Reading the URL of the Current Window]] | #* [[JavaScript Location Object|Reading the URL of the Current Window]] | ||
#* [[JavaScript Location Object|Extracting Parts of the URL]] | #* [[JavaScript Location Object|Extracting Parts of the URL]] | ||
− | #* [[JavaScript Location Object|JavaScript Location Object Methods]] | + | #* [[JavaScript Location Object|JavaScript Location Object Methods]]<br><br> |
− | # [[JavaScript History Object]] | + | # [[JavaScript History Object]]<br><br> |
# [[JavaScript Arrays]] | # [[JavaScript Arrays]] | ||
#* [[JavaScript Arrays|What is a JavaScript Array]] | #* [[JavaScript Arrays|What is a JavaScript Array]] | ||
Line 109: | Line 109: | ||
#* [[JavaScript Arrays|Accessing the Elements of a JavaScript Array]] | #* [[JavaScript Arrays|Accessing the Elements of a JavaScript Array]] | ||
#* [[JavaScript Arrays|JavaScript Array Object Methods and Properties]] | #* [[JavaScript Arrays|JavaScript Array Object Methods and Properties]] | ||
− | #* [[JavaScript Arrays|JavaScript Array Sorting]] | + | #* [[JavaScript Arrays|JavaScript Array Sorting]]<br><br> |
# [[JavaScript Timeouts]] | # [[JavaScript Timeouts]] | ||
#* [[JavaScript Timeouts|Setting up a JavaScript Timeout]] | #* [[JavaScript Timeouts|Setting up a JavaScript Timeout]] | ||
#* [[JavaScript Timeouts|Cancelling a JavaScript Timeout]] | #* [[JavaScript Timeouts|Cancelling a JavaScript Timeout]] | ||
− | #* [[JavaScript Timeouts|Setting up JavaScript Timeout to Repeat]] | + | #* [[JavaScript Timeouts|Setting up JavaScript Timeout to Repeat]]<br><br> |
# [[Building Forms with JavaScript]] | # [[Building Forms with JavaScript]] | ||
#* [[Building Forms with JavaScript|The JavaScript Form Object]] | #* [[Building Forms with JavaScript|The JavaScript Form Object]] | ||
Line 124: | Line 124: | ||
#* [[Building Forms with JavaScript|JavaScript Drop-down / Select Object]] | #* [[Building Forms with JavaScript|JavaScript Drop-down / Select Object]] | ||
#* [[Building Forms with JavaScript|Obtaining the Current Selection from the JavaScript Select Object]] | #* [[Building Forms with JavaScript|Obtaining the Current Selection from the JavaScript Select Object]] | ||
− | #* [[Building Forms with JavaScript|JavaScript Password Object]] | + | #* [[Building Forms with JavaScript|JavaScript Password Object]]<br><br> |
# [[Understanding JavaScript Cookies]] | # [[Understanding JavaScript Cookies]] | ||
#* [[Understanding JavaScript Cookies|What is a JavaScript Cookie?]] | #* [[Understanding JavaScript Cookies|What is a JavaScript Cookie?]] | ||
Line 134: | Line 134: | ||
#* [[Understanding JavaScript Cookies|Creating a Cookie]] | #* [[Understanding JavaScript Cookies|Creating a Cookie]] | ||
#* [[Understanding JavaScript Cookies|Reading a Cookie]] | #* [[Understanding JavaScript Cookies|Reading a Cookie]] | ||
− | #* [[Understanding JavaScript Cookies|Removing a Cookie]] | + | #* [[Understanding JavaScript Cookies|Removing a Cookie]]<br><br> |
# [[Understanding Cascading Style Sheets (CSS)]] | # [[Understanding Cascading Style Sheets (CSS)]] | ||
#* [[Understanding Cascading Style Sheets (CSS)|What are Cascading Style Sheets for?]] | #* [[Understanding Cascading Style Sheets (CSS)|What are Cascading Style Sheets for?]] | ||
Line 142: | Line 142: | ||
#* [[Understanding Cascading Style Sheets (CSS)|Setting Styles for Individual Elements]] | #* [[Understanding Cascading Style Sheets (CSS)|Setting Styles for Individual Elements]] | ||
#* [[Understanding Cascading Style Sheets (CSS)|Setting Styles using the id Attribute of an HTML Element]] | #* [[Understanding Cascading Style Sheets (CSS)|Setting Styles using the id Attribute of an HTML Element]] | ||
− | #* [[Understanding Cascading Style Sheets (CSS)|Using Classes with CSS Rules]] | + | #* [[Understanding Cascading Style Sheets (CSS)|Using Classes with CSS Rules]]<br><br> |
# [[JavaScript and CSS - Dynamic Styles and Layers]] | # [[JavaScript and CSS - Dynamic Styles and Layers]] | ||
#* [[JavaScript and CSS - Dynamic Styles and Layers|Making Basic Dynamic Style Changes]] | #* [[JavaScript and CSS - Dynamic Styles and Layers|Making Basic Dynamic Style Changes]] |
Revision as of 16:02, 22 July 2008
A comprehensive online book designed to provide web developers with everything they need to know to create rich, interactive and dynamic web pages using JavaScript.
Table of Contents | Next | |
About this book |
JavaScript Essentials - Table of Contents
- About this Book
- Intended Audience
- The History of JavaScript
- A Simple JavaScript Example
- Embedding JavaScript into Web pages
- Introducing JavaScript Variables
- JavaScript Variable Types
- JavaScript Operators
- Comments in JavaScript
- JavaScript Flow Control and Looping
- JavaScript Conditional Statements
- The JavaScript if Statement
- The JavaScript if ... else Statements
- JavaScript Looping Statements
- JavaScript for loops
- JavaScript while loops
- JavaScript do ... while loops
- JavaScript switch Statements
- Breaking a Loop
- label Statements
- Skipping Statements in Current Loop Iteration
- Understanding JavaScript Functions
- JavaScript Object Basics
- JavaScript String Object
- JavaScript Date Object
- JavaScript Math Object
- JavaScript Window Object
- JavaScript Document Object
- JavaScript Location Object
- JavaScript History Object
- JavaScript Arrays
- JavaScript Timeouts
- Building Forms with JavaScript
- The JavaScript Form Object
- Accessing Objects in a Form
- The JavaScript Text Object
- JavaScript TextArea Object
- The JavaScript Button Object
- JavaScript Check Boxes
- JavaScript Radio Buttons
- JavaScript Drop-down / Select Object
- Obtaining the Current Selection from the JavaScript Select Object
- JavaScript Password Object
- Understanding JavaScript Cookies
- Understanding Cascading Style Sheets (CSS)
- JavaScript and CSS - Dynamic Styles and Layers