Section 2.4 Arrays, Objects, and Document Object Model (DOM) in JavaScript

Learning Objectives

After you have completed this section, you should be able to

• create and use JavaScript arrays for your client-side scripts.
• explain how object-oriented programming can be done in JavaScript.
• outline the object hierarchy of web documents.
• use the Math object, Data object, Boolean object, and Number object provided in JavaScript.

Activities

• Carefully read the learning objectives.
• Watch presentation part one for the section, part two, and part three;
• Read Chapter 10, JavaScript: Arrays; Chapter 11, JavaScript: Objects; and Chapter 12, Document Object Model (DOM): Objects and Collections.
• Find answers to the study questions below.
• Do exercises 10.8, 10.10, 10.14, 10.15, 10.16, and 10.17 in Chapter 10. Do exercises 11.2, 11.8, 11.9, 11.10, 11.14, 11.21, 11.22, 11.23, and 11.24 in Chapter 11. Do exercises 12.4 through 12.9 in Chapter 12.

Study Questions

1. How are arrays created and used in JavaScript?
2. How do you initialize an array?
3. How do you pass arrays to functions in JavaScript?
4. What are some built-in objects in JavaScript?
5. What methods and data members does the Math object have?
6. What methods do Array objects have?
7. What objects does a web browser provide to JavaScript and other scripting languages?
8. What methods and data members does the window object have?
9. What methods and data members does the document object have?
10. What methods does the String object have?
11. What is a string in JavaScript?
12. How do you initialize a string object in JavaScript?
13. What methods does a Date object have?
14. What are Boolean and number objects?
15. What methods does a Boolean object have?
16. What methods does a Number object have?
17. What methods do String objects provide to search for a character or sequence in a string? How do you use these methods?
18. How do you split strings?
19. How do you obtain substrings?
20. What markup methods do String objects provide? How do you use these markup methods?
21. How do you create Boolean objects in JavaScript?
22. How do you create number objects in JavaScript?
23. What data members and methods do number objects have?
24. What are objects in Document Object Model (DOM)?
25. How do you reference objects in HTML5?
26. How do you associate JavaScript functions with HTML5 events?
27. What is the notion of collections in DOM?
28. What is the all special collection in DOM? What elements/objects does it include?
29. What is the children collection in DOM?

Review

Do the self-review exercises for Chapter 10, 11, and 12.

Summary

Read the Chapter 10, 11, and 12 summaries.