+ All Categories
Home > Technology > CSIS 138 Javascript Class1

CSIS 138 Javascript Class1

Date post: 06-May-2015
Category:
Upload: teresa-pelkie
View: 1,323 times
Download: 0 times
Share this document with a friend
Description:
Instructor Teresa Pelkie at Palomar College - Introduction to JavaScript
29
1 JavaScript – Class 1 Overview of the Basics Objects Properties Methods Events
Transcript
Page 1: CSIS 138 Javascript Class1

1

JavaScript – Class 1Overview of the Basics

Objects• Properties• Methods• Events

Page 2: CSIS 138 Javascript Class1

2

JavaScript Syntax

document.bgColor = “red”;

document.write( );

// change color to red

/* change color to red and write to the page */

Page 3: CSIS 138 Javascript Class1

3

JavaScript Objects

Built in JavaScript ObjectsNavigator Object Date Object Math Object String Object Array Object

Page 4: CSIS 138 Javascript Class1

4

JavaScript Objects

Browser Objects

Page 5: CSIS 138 Javascript Class1

5

Where is JavaScript code placed?

<head>

<script type=”text/JavaScript” language="JavaScript">  <!- -

statements go here ; //-->

</script>

</head>

Page 6: CSIS 138 Javascript Class1

6

Where is JavaScript code placed?

<head>

<script type=”text/JavaScript”> 

statements go here ;

</script>

</head>

Page 7: CSIS 138 Javascript Class1

7

Where is JavaScript code placed?

<head>

<script type=”text/JavaScript” src=”file.js”>

</script>

</head>

Page 8: CSIS 138 Javascript Class1

8

Where is JavaScript code placed?

<head>

<script type=”text/JavaScript”>  statements go here ;

</script>

<script type=”text/JavaScript” src=”file.js”>

</script>

</head>

Page 9: CSIS 138 Javascript Class1

9

Where is JavaScript code placed?

<body>

<a href="#" onmouseover=“showPic();">click</a>

<a href=”javascript:openWin();”>click</a>

</body>

Page 10: CSIS 138 Javascript Class1

10

<noscript>

You need JavaScript to see this page!

</noscript>

Page 11: CSIS 138 Javascript Class1

11

Data and Types

Information that we process and displayCan be in many forms or types

Numeric String Boolean

Page 12: CSIS 138 Javascript Class1

12

Variables

Hold information or dataCan hold these types of data

Numeric String Boolean

Page 13: CSIS 138 Javascript Class1

13

How we create or declare a variable

var myName;

Page 14: CSIS 138 Javascript Class1

14

Initializing a variable

var myName;

myName = “Teresa”;

_______________________

var myName = “Teresa”;

Page 15: CSIS 138 Javascript Class1

15

Initializing a variable

var myAge;

myAge = 21;

_______________________

var zipCode;

zipCode = “92082”;

Page 16: CSIS 138 Javascript Class1

16

The alert() method

alert();

window.alert();

Page 17: CSIS 138 Javascript Class1

17

The alert() method

<head>

<script language="JavaScript"> alert ("This is an alert()"); </script>

</head>

Page 18: CSIS 138 Javascript Class1

18

The alert() method

Page 19: CSIS 138 Javascript Class1

19

The alert() method

<script language=”JavaScript”> var myFirstVariable; myFirstVariable = “Hello!”;

alert(myFirstVariable);

</script>

Page 20: CSIS 138 Javascript Class1

20

The alert() method

Page 21: CSIS 138 Javascript Class1

21

The write() method

<body>

<script language=”JavaScript”> document.write ("Hello World");</script>

</body>

Page 22: CSIS 138 Javascript Class1

22

The write() method

Page 23: CSIS 138 Javascript Class1

23

The write() method

<body>

<script language=”JavaScript”> document.write (‘Hello “Big” World’);</script>

</body>

Page 24: CSIS 138 Javascript Class1

24

The write() method

Page 25: CSIS 138 Javascript Class1

25

The write() method

<script language="JavaScript">var firstVar;var secondVar

firstVar = "Hello";secondVar = "World!";

document.write(firstVar + “ “ + secondVar);

</script>

Page 26: CSIS 138 Javascript Class1

26

The write() method

Page 27: CSIS 138 Javascript Class1

27

The write() method

<script language="JavaScript">var first;var last;

first = “Teresa";last = “Pelkie";

document.write(“<b>Hello “ + first + “ “ + last + “</b>”);

</script>

Page 28: CSIS 138 Javascript Class1

28

The write() method

Page 29: CSIS 138 Javascript Class1

29

JavaScript – Class 1

Assignment 1


Recommended