book

JavaScript: 20 Lessons to Successful Web Development

by Robin Nixon

January 2015

Beginner

256 pages

6h 26m

English

McGraw-Hill

Read now

Unlock full access

In the BeginningIn-browser ScriptingInfo for ProgrammersAll About ObjectsWhy You Need to Know JavaScriptSummarySelf-Test Questions

Using CommentsUsing SemicolonsWhere to Place the JavaScript CodeIn the Document HeadIn the Document BodyIncluding JavaScript FilesJavaScript Language SyntaxCase SensitivityWhitespaceVariablesVariable NamingString VariablesVariable Typing and CastingSummarySelf-Test Questions
Arithmetic OperatorsPre-IncrementingPost-IncrementingPre- and Post-DecrementingArithmetic FunctionsAssignment OperatorsSummarySelf-Test Questions
Comparison OperatorsLogical OperatorsThe Ternary OperatorBitwise OperatorsOperator PrecedenceOperator AssociativityThe with KeywordSummarySelf-Test Questions
Array NamesCreating an ArrayCreating an Array of Specific LengthAssigning Values to an Array ElementUsing IndexesRetrieving ValuesUsing Array Elements as IndexesOther Ways of Creating ArraysUsing Associative ArraysKeys, Values, and Hash TablesOther Ways of Creating an Associative ArraySummarySelf-Test Questions
Creating a Two-Dimensional ArrayAccessing a Two-Dimensional ArrayA More Practical ExampleMultidimensional Associative ArraysCreating the Multidimensional ArrayAccessing the ArraysSummarySelf-Test Questions
Using for (… in …)Using concat()An Alternative to concat()Using join()The forEach() FunctionThe map() FunctionSummarySelf-Test Questions
Using push()Using pop()Using push() and pop() TogetherUsing reverse()Using Stacks and BuffersBuffering Using an ArrayCreating a Function for Pushing to the TopSummarySelf-Test Questions
Using sort()Tailoring the sort() FunctionSorting NumericallyReversing a SortUsing splice()Removing Elements from an ArrayInserting Elements into an ArrayAdvanced Array SplicingSummarySelf-Test Questions
The if() StatementOmitting the BracesPositioning of BracesThe else StatementThe else if() StatementThe switch() StatementUsing the break KeywordUsing the default KeywordAllowing Fall-ThroughSummarySelf-Test Questions
Using while() LoopsThe Example in DetailUsing do … while() LoopsThe Example in DetailUsing for() LoopsThe Example in DetailUsing for(… in …) LoopsBreaking Out of a LoopThe continue StatementSummarySelf-Test Questions
Using FunctionsThe return KeywordPassing ArgumentsAccessing ArgumentsUsing the arguments ObjectUsing the this KeywordAnonymous FunctionsGlobal and Local Variable ScopeUsing Local VariablesGlobal Naming ConventionSummarySelf-Test Questions
Declaring a ClassCreating an ObjectAccessing ObjectsThe prototype KeywordExtending JavaScript FunctionsSummarySelf-Test Questions
Using onerrorLimiting the Scope of onerrorUsing try … catch()Ignoring the ErrorRegular ExpressionsUsing test()Using replace()Replacing GloballyFuzzy MatchingMatching Any CharacterNot Matching a CharacterSummarySelf-Test Questions
The DOMAccessing the DOM from JavaScriptUsing the getElementById() FunctionThe Simpler O() FunctionThe Partner S() FunctionAccessing Multiple Elements by ClassUsing the C() FunctionThe Difference Between Properties in CSS and JavaScriptSummary of the Three FunctionsSome Common PropertiesOther PropertiesSummarySelf-Test Questions
Inline JavaScriptAnother Instance of thisNon-inline Event AttachingAttaching to Other EventsAdding New ElementsRemoving ElementsAlternatives to Adding and Removing ElementsControlling HTML5 MediaSummarySelf-Test Questions
Using CookiesSetting a CookieReading a CookieDeleting a CookieUsing Local StorageRemoving and Clearing Local DataSummarySelf-Test Questions
The User Agent StringThe GetBrowser() FunctionThe Query StringThe GetQueryString() FunctionSummarySelf-Test Questions
Using InterruptsUsing setTimeout()Passing a StringRepeating TimeoutsCancelling a TimeoutUsing setInterval()Using ShowTime()Cancelling an IntervalA Simple AnimationWeb WorkersSummarySelf-Test Questions
Creating an Ajax ObjectThe PostAjaxRequest() FunctionThe GetAjaxRequest() FunctionThe callback() FunctionThe ajax.htm ExampleThe ajax.php ProgramThe ajax2.htm ExampleAjax Security RestrictionsThe OnDOMReady() FunctionSummarySelf-Test Questions
Lesson 1 AnswersLesson 2 AnswersLesson 3 AnswersLesson 4 AnswersLesson 5 AnswersLesson 6 AnswersLesson 7 AnswersLesson 8 AnswersLesson 9 AnswersLesson 10 AnswersLesson 11 AnswersLesson 12 AnswersLesson 13 AnswersLesson 14 AnswersLesson 15 AnswersLesson 16 AnswersLesson 17 AnswersLesson 18 AnswersLesson 19 AnswersLesson 20 Answers
Arithmetic FunctionsArray FunctionsBoolean FunctionsDate FunctionsDOM FunctionsGlobal FunctionsNumber FunctionsRegular Expression FunctionsString FunctionsWindow Functions

Content preview from JavaScript: 20 Lessons to Successful Web Development

Images

Inserting Inline JavaScript and Events

To view the accompanying video for this lesson, please visit mhprofessional.com/nixonjavascript/.

Sometimes the easiest way to achieve dynamic interaction with users of your web pages is to directly interact with them from the code they are using. So far we have mostly looked at running JavaScript from within <script> elements, but that is not the only way you can use it.

For example, it’s quite legal to place JavaScript instructions inside elements, and you generally do this by attaching them to ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Start your free trial

CSS & CSS3: 20 Lessons to Successful Web Development

Robin Nixon

JavaScript Next: Your Complete Guide to the New Features Introduced in JavaScript, Starting from ES6 to ES9

Raju Gandhi

Training Guide: Programming in HTML5 with JavaScript and CSS3

Glenn Johnson

JavaScript Everywhere

Adam D. Scott

Publisher Resources

ISBN: 9780071841573