TAILIEUCHUNG - Lecture Web technologies and programming – Lecture 18: JavaScript DOM

After studying this chapter you will be able to understand: Dialog boxes in JavaScript, alert box, prompt box, confirm box, document object model (DOM), retrieving HTML elements, retrieving the text of an element, getting value of attributes, setting value of attributes. | 1 CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr. Tehseen Riaz Abbasi 1 2 What is JavaScript? Embedding JavaScript with HTML JavaScript conventions Variables in JavaScript JavaScript operators Input output in JavaScript JavaScript functions Conditional Statements Looping Statements 3 Dialog boxes in JavaScript HTML Document Object Model (DOM) 4 JavaScript provides the ability to pickup user input or display small amounts of text to the user by using dialog boxes These dialog boxes appear as separate windows and their content depends on the information provided by the user 5 JavaScript has three kind of popup boxes: Alert box Prompt box Confirm box 6 An alert box is simply a small message box that pops up and gives the user some information An alert dialog box is mostly used to give a warning message to the users When an alert box pops up, the user will have to click "OK" to proceed Syntax: alert(“message”) 7 Start of Function Displays an Alert Box Calling the Function 8 Alert Box 9 A prompt box is often used if you want the user to input a value before entering a page When a prompt box pops up, the user will have to click either "OK" or "Cancel" to proceed after entering an input value If the user clicks "OK" the box returns the input value If the user clicks "Cancel" the box returns null 10 11 Start of the function Asks user to enter name Writes name on the webpage Calling a function 12 Prompt Box Output A confirm box is often used if you want the user to verify or accept something When a confirm box pops up, the user will have to click either "OK" or "Cancel" to proceed If the user clicks "OK", the box returns true If the user clicks "Cancel", the box returns false 13 User Input Confirmation Not Confirmed 14 15 What is the DOM? The DOM is a W3C (World Wide Web Consortium) standard. The DOM defines a standard for accessing documents: "The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to .

• Kỹ thuật lập trình
• Web technologies
• Web programming
• Web applications
• Computer programming
• Web development technologies
• JavaScript DOM
• Web project management
• Web application development process
• Modeling web applications
• Testing web application
• Web services
• Web hosting
• Categories of web applications
• Characteristics of web applications
• Web application architecture
• Requirement engineering
• HTML images
• Web pages
• Hyper Text Markup Language
• Markup Language
• HTML page
• Text formatting tags
• HTML links
• HTML forms
• HTML form elements
• HTML 5 form elments
• Adding form elements
• Cascading Style Sheets
• CSS writing option
• CSS rules
• Page Layout
• Rounded corners
• Box shadows
• Elements of visual design
• Interface design