🗊Презентация JavaScript

Нажмите для полного просмотра!
JavaScript, слайд №1JavaScript, слайд №2JavaScript, слайд №3JavaScript, слайд №4JavaScript, слайд №5JavaScript, слайд №6JavaScript, слайд №7JavaScript, слайд №8JavaScript, слайд №9JavaScript, слайд №10JavaScript, слайд №11JavaScript, слайд №12JavaScript, слайд №13JavaScript, слайд №14JavaScript, слайд №15JavaScript, слайд №16JavaScript, слайд №17JavaScript, слайд №18JavaScript, слайд №19JavaScript, слайд №20JavaScript, слайд №21JavaScript, слайд №22JavaScript, слайд №23JavaScript, слайд №24JavaScript, слайд №25JavaScript, слайд №26JavaScript, слайд №27JavaScript, слайд №28JavaScript, слайд №29

Вы можете ознакомиться и скачать презентацию на тему JavaScript. Доклад-сообщение содержит 29 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1





Lecture 8
JavaScript
Senior-Lecturer: Sarsenova Zh.N.
Описание слайда:
Lecture 8 JavaScript Senior-Lecturer: Sarsenova Zh.N.

Слайд 2





Which one is legal?
Описание слайда:
Which one is legal?

Слайд 3





For Loop
A loop is a block of code that allows you to repeat a section of code a certain number of times, perhaps changing certain variable values each time the code is executed.
Описание слайда:
For Loop A loop is a block of code that allows you to repeat a section of code a certain number of times, perhaps changing certain variable values each time the code is executed.

Слайд 4





Why loops are useful?
Loops are useful because they allow you to repeat lines of code without retyping them or using cut and paste in your text editor.
They save time and trouble of repeatedly typing the same lines of code, but also avoids typing errors in repeated lines.
You are also able to change one or more variable values each time the browser passes through the loop.
Описание слайда:
Why loops are useful? Loops are useful because they allow you to repeat lines of code without retyping them or using cut and paste in your text editor. They save time and trouble of repeatedly typing the same lines of code, but also avoids typing errors in repeated lines. You are also able to change one or more variable values each time the browser passes through the loop.

Слайд 5





For loop
for (initial_expression; test_exp; change_exp)
	{  statements;  }
One of the most used and familiar loops is the for loop.
It iterates through a sequence of statements for a number of times controlled by a condition.
The change_exp determines how much has been added or subtracted from the counter variable.
Описание слайда:
For loop for (initial_expression; test_exp; change_exp) { statements; } One of the most used and familiar loops is the for loop. It iterates through a sequence of statements for a number of times controlled by a condition. The change_exp determines how much has been added or subtracted from the counter variable.

Слайд 6





For loop
Описание слайда:
For loop

Слайд 7





For loop Example
<script type=“text/javascript”>
var counter;
for (counter = 1; counter <= 10; counter++)
{
	document.write(counter*counter + “ “);
}
</script>
Display the square of numbers
Output: 1 4 9 16 25 36 49 64 81 100
Описание слайда:
For loop Example <script type=“text/javascript”> var counter; for (counter = 1; counter <= 10; counter++) { document.write(counter*counter + “ “); } </script> Display the square of numbers Output: 1 4 9 16 25 36 49 64 81 100

Слайд 8





While loop
A while loop just looks at a short comparison and repeats until the comparison is no longer true.
The while loop begins with a termination condition and keeps looping until the termination condition is met.
The counter variable is managed by the context of the statements inside the curly braces.
while(varname<11)
	{
	}
Описание слайда:
While loop A while loop just looks at a short comparison and repeats until the comparison is no longer true. The while loop begins with a termination condition and keeps looping until the termination condition is met. The counter variable is managed by the context of the statements inside the curly braces. while(varname<11) { }

Слайд 9





While loop example
<html>
<head>
<title>While loop example</title>
<script language=“JavaScript”>
var counter = 100;
var numberlist = “”;
while (counter > 0) {
numberlist += “Number “ + counter + “<br>”;
counter -= 10;
}
document.write(numberlist);
</script> <body> … </body> 
</html>
Описание слайда:
While loop example <html> <head> <title>While loop example</title> <script language=“JavaScript”> var counter = 100; var numberlist = “”; while (counter > 0) { numberlist += “Number “ + counter + “<br>”; counter -= 10; } document.write(numberlist); </script> <body> … </body> </html>

Слайд 10





Do…while loop
The do/while loop always executes statements in the loop in the first iteration of the loop.
The termination condition is placed at the bottom of the loop.
Syntax:
	do { 
		statements; 
		counter increment/decrement;
	 } while (termination condition)
Описание слайда:
Do…while loop The do/while loop always executes statements in the loop in the first iteration of the loop. The termination condition is placed at the bottom of the loop. Syntax: do { statements; counter increment/decrement; } while (termination condition)

Слайд 11





Do…while example
Описание слайда:
Do…while example

Слайд 12





Array
An Array contains a set of data represented by a single variable name.
Arrays in JavaScript are represented by the Array Object, we need to “new Array()” to construct this object.
The first element of the array is “Array[0]” until the last one Array[i-1].
E.g. myArray = new Array(5)
We have myArray[0,1,2,3,4].
Описание слайда:
Array An Array contains a set of data represented by a single variable name. Arrays in JavaScript are represented by the Array Object, we need to “new Array()” to construct this object. The first element of the array is “Array[0]” until the last one Array[i-1]. E.g. myArray = new Array(5) We have myArray[0,1,2,3,4].

Слайд 13





Array Example
<script type=“text/javascript”>
	Car = new Array(3);
	Car[0] = “Ford”;
	Car[1] = “Toyota”;
	Car[2] = “Honda”;
	document.write(Car[0] + “<br>”);
	document.write(Car[1] + “<br>”);
	document.write(Car[2] + “<br>”);
</script>
Описание слайда:
Array Example <script type=“text/javascript”> Car = new Array(3); Car[0] = “Ford”; Car[1] = “Toyota”; Car[2] = “Honda”; document.write(Car[0] + “<br>”); document.write(Car[1] + “<br>”); document.write(Car[2] + “<br>”); </script>

Слайд 14





Array
You can also declare arrays with variable length.
arrayName = new Array();
Length = 0, allows automatic extension of the length.
Car[9] = “Ford”; Car[99] = “Honda”;
Описание слайда:
Array You can also declare arrays with variable length. arrayName = new Array(); Length = 0, allows automatic extension of the length. Car[9] = “Ford”; Car[99] = “Honda”;

Слайд 15





Events
The most exciting JavaScript-powered pages are dynamic. Which means they perform various actions as your visitor interacts with them(moving his mouse, typing in the text, clicking things, and so on). 
Events are notifications that an HTML element sends out when specific things happen
An HTML event can be something the browser does, or something a user does.
Examples
An HTML web page has finished loading
An HTML input field was changed
An HTML button was clicked
Описание слайда:
Events The most exciting JavaScript-powered pages are dynamic. Which means they perform various actions as your visitor interacts with them(moving his mouse, typing in the text, clicking things, and so on). Events are notifications that an HTML element sends out when specific things happen An HTML event can be something the browser does, or something a user does. Examples An HTML web page has finished loading An HTML input field was changed An HTML button was clicked

Слайд 16





Syntax
<element event='some JavaScript'>
Описание слайда:
Syntax <element event='some JavaScript'>

Слайд 17





Common HTML Events
Описание слайда:
Common HTML Events

Слайд 18





Example
Описание слайда:
Example

Слайд 19





Common HTML object events
Описание слайда:
Common HTML object events

Слайд 20





Onclick event
Описание слайда:
Onclick event

Слайд 21





Exercise
When the button is clicked, trigger myFunction() with an event.
Описание слайда:
Exercise When the button is clicked, trigger myFunction() with an event.

Слайд 22





Mouse Events
Описание слайда:
Mouse Events

Слайд 23





Keyboard Events
Описание слайда:
Keyboard Events

Слайд 24





onFocus event
Описание слайда:
onFocus event

Слайд 25





onblur event
Описание слайда:
onblur event

Слайд 26





onchange event
Описание слайда:
onchange event

Слайд 27





Frame/Object Events
Описание слайда:
Frame/Object Events

Слайд 28





Form Events
Описание слайда:
Form Events

Слайд 29





Thank you!
Описание слайда:
Thank you!



Теги JavaScript
Похожие презентации
Mypresentation.ru
Загрузить презентацию