Survey
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
Download Slide 1
Transcript
HTML5 & CSS th 7 Edition Integrating JavaScript and HTML5 Chapter Objectives • Describe JavaScript and how it can be integrated with HTML5 • Describe how the <div> tag container is used to display text • Describe a valid JavaScript user-defined function • Write the code to create a <script> section on a Web page Chapter 9: Integrating JavaScript and HTML5 2 Chapter Objectives • Define and describe JavaScript variable • Extract the current system date • Calculate the number of days from the current date to a future date • Use the innerHTML property to display a dynamic message to a Web page Chapter 9: Integrating JavaScript and HTML5 3 Chapter Objectives • Write a user-defined JavaScript function that changes the color of the browser’s scroll bar • Write a user-defined JavaScript function to open a Web page from a <select> tag <option> value • Use the lastModified property to display the date the document was last modified • Use an event handler to invoke a JavaScript userdefined function when a Web page is loaded Chapter 9: Integrating JavaScript and HTML5 4 Plan Ahead • Determine what you want the code to accomplish • Determine where on the Web page you want the code to appear • Determine where you want to store the Web page during development Chapter 9: Integrating JavaScript and HTML5 5 Built-In JavaScript Objects Chapter 9: Integrating JavaScript and HTML5 6 Built-In JavaScript Objects Chapter 9: Integrating JavaScript and HTML5 7 JavaScript Chapter 9: Integrating JavaScript and HTML5 8 Entering a <div> Tag Container Chapter 9: Integrating JavaScript and HTML5 9 Writing User-Defined Functions • User-defined functions are normally written in the <head> section so that this code is loaded before the remainder of the Web page Chapter 9: Integrating JavaScript and HTML5 10 Writing User-Defined Functions Chapter 9: Integrating JavaScript and HTML5 11 Inserting <script> Tags in the <head> Section • Although JavaScript code can be placed anywhere in the HTML code in a <script> section, developers follow the coding practice and place user-defined functions and variables in the <head> section Chapter 9: Integrating JavaScript and HTML5 12 Entering the Start <script> and Comment Tags Chapter 9: Integrating JavaScript and HTML5 13 Using JavaScript Variables • JavaScript uses variables to store values temporarily in internal memory • A variable’s value can change, depending on the results of an expression or data entered by a user from a form Chapter 9: Integrating JavaScript and HTML5 14 Using JavaScript Variables Chapter 9: Integrating JavaScript and HTML5 15 Extracting the Current System Date Using the Date() Object Chapter 9: Integrating JavaScript and HTML5 16 Calculating the Number of Days to a Future Date Chapter 9: Integrating JavaScript and HTML5 17 Displaying Text and Variable Values to a Web Page Using innerHTML Chapter 9: Integrating JavaScript and HTML5 18 Entering the User-Defined Function to Change the Browser Scroll Bar Color Chapter 9: Integrating JavaScript and HTML5 19 Using the selectedIndex Property and the Location Object to Link to a New URL Chapter 9: Integrating JavaScript and HTML5 20 Entering the User- Defined Function to Link to a New URL Using the Drop-Down Menu Chapter 9: Integrating JavaScript and HTML5 21 Including the Date Last Modified and a Copyright Message in a Text String Chapter 9: Integrating JavaScript and HTML5 22 Including the Date Last Modified and a Copyright Message in a Text String Chapter 9: Integrating JavaScript and HTML5 23 Entering the End Comment and </script> Tags Chapter 9: Integrating JavaScript and HTML5 24 Associating User-Defined Functions with the onload Event Chapter 9: Integrating JavaScript and HTML5 25 Associating a User-Defined Function with the OnChange Event Chapter 9: Integrating JavaScript and HTML5 26 Chapter Summary • Describe JavaScript and how it can be integrated with HTML5 • Describe how the <div> tag container is used to display text • Describe a valid JavaScript user-defined function • Write the code to create a <script> section on a Web page Chapter 9: Integrating JavaScript and HTML5 27 Chapter Summary • Define and describe JavaScript variable • Extract the current system date • Calculate the number of days from the current date to a future date • Use the innerHTML property to display a dynamic message to a Web page Chapter 9: Integrating JavaScript and HTML5 28 Chapter Summary • Write a user-defined JavaScript function that changes the color of the browser’s scroll bar • Write a user-defined JavaScript function to open a Web page from a <select> tag <option> value • Use the lastModified property to display the date the document was last modified • Use an event handler to invoke a JavaScript userdefined function when a Web page is loaded Chapter 9: Integrating JavaScript and HTML5 29 HTML th 7 Edition Chapter 9 Complete
