Downloaded 83 times
Uploaded byTeresa Pelkie
CSIS 138 Javascript Class1
This document provides an overview of basic JavaScript concepts including objects, properties, methods, and events. It discusses built-in JavaScript objects like Date, Math, and String objects. It also covers where JavaScript code can be placed in HTML documents and how to declare and initialize variables. Finally, it demonstrates how to use the alert() and write() methods to output text to the browser.
More Related Content
![Tugas Pw [6] (2)](https://cdn.slidesharecdn.com/ss_thumbnails/tugaspw62-100407041015-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![Tugas Pw [6]](https://cdn.slidesharecdn.com/ss_thumbnails/tugaspw6-100318083950-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to CSIS 138 Javascript Class1
![Fundamental JavaScript [UTC, March 2014]](https://cdn.slidesharecdn.com/ss_thumbnails/fundamentaljavascriptutcmarch2014-140305104047-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
CSIS 138 Javascript Class1
- 1. JavaScript – Class1 Overview of the Basics Objects Properties Methods Events
- 2. JavaScript Syntax document.bgColor= “red”; document.write( ); // change color to red /* change color to red and write to the page */
- 3. JavaScript Objects Builtin JavaScript Objects Navigator Object Date Object Math Object String Object Array Object
- 4. JavaScript Objects BrowserObjects
- 5. Where is JavaScriptcode placed? <head> <script type=”text/JavaScript” language="JavaScript"> <!- - statements go here ; //--> </script> </head>
- 6. Where is JavaScriptcode placed? <head> <script type=”text/JavaScript”> statements go here ; </script> </head>
- 7. Where is JavaScriptcode placed? <head> <script type=”text/JavaScript” src=”file.js”> </script> </head>
- 8. Where is JavaScriptcode placed? <head> <script type=”text/JavaScript”> statements go here ; </script> <script type=”text/JavaScript” src=”file.js”> </script> </head>
- 9. Where is JavaScriptcode placed? <body> <a href="#" onmouseover=“showPic();">click</a> <a href=”javascript:openWin();”>click</a> </body>
- 10. <noscript> You need JavaScript to see this page! </noscript>
- 11. Data and TypesInformation that we process and display Can be in many forms or types Numeric String Boolean
- 12. Variables Hold informationor data Can hold these types of data Numeric String Boolean
- 13. How we createor declare a variable var myName;
- 14. Initializing a variablevar myName; myName = “Teresa”; _______________________ var myName = “Teresa”;
- 15. Initializing a variablevar myAge; myAge = 21; _______________________ var zipCode; zipCode = “92082”;
- 16. The alert() methodalert(); window.alert();
- 17. The alert() method<head> <script language="JavaScript"> alert ("This is an alert()"); </script> </head>
- 18.
- 19. The alert() method<script language=”JavaScript”> var myFirstVariable; myFirstVariable = “Hello!”; alert(myFirstVariable); </script>
- 20.
- 21. The write() method<body> <script language=”JavaScript”> document.write ("Hello World"); </script> </body>
- 22.
- 23. The write() method<body> <script language=”JavaScript”> document.write (‘Hello “Big” World’); </script> </body>
- 24.
- 25. The write() method<script language="JavaScript"> var firstVar; var secondVar firstVar = "Hello"; secondVar = "World!"; document.write( firstVar + “ “ + secondVar ); </script>
- 26.
- 27. The write() method<script language="JavaScript"> var first; var last; first = “Teresa"; last = “Pelkie"; document.write(“<b>Hello “ + first + “ “ + last + “</b>”); </script>
- 28.
- 29. JavaScript – Class1 Assignment 1
Editor's Notes
- #2 The JavaScript Language consists of objects CSIS 138 Instructor Teresa Pelkie