38 JavaScript Wyświetlanie komunikatów
Presentation
•
Computers
•
KG
•
Practice Problem
•
Hard
Małgorzata WP
Used 3+ times
FREE Resource
12 Slides • 0 Questions
1
W Y Ś W I E T L A N I E
K O M U N I K AT Ó W
N A E K R A N I E .
O K N A D I A L O G O W E
M W P
2
ZAGADNIENIA
■
Działanie instrukcji document.write
■
Formatowanie wyświetlanego tekstu
■
Definicja okna dialogowego
■
Rodzaje okien dialogowych
3
WYŚWIETLANIE TEKSTU
Aby wyświetlić dowolny tekst na ekranie przeglądarki, używamy instrukcji
document. write:
document.write("Komunikat");
4
ĆWICZENIE 1
<html>
<head>
<meta charset="utf-8">
<title>Skrypt Nr l</title>
</head>
<body>
<script>
document.write("To mój pierwszy skrypt");
</script>
</body>
</html>
5
FUNKCJA WRITE
Argumenty funkcji write są traktowane przez przeglądarkę jak tekst w HTML-u.
Oznacza to, że w wyświetlanych komunikatach można wstawiać zarówno dowolne
znaczniki formatujące tekst, jak i znaczniki przejścia do nowego wiersza itd.
6
ĆWICZENIE 2
<html>
<head>
<meta charset="utf-8">
<title>Skrypt Nr l</title>
</head>
<body>
<script>
document.write("<hl>To mój pierwszy <b>skrypt</b></hl>"); document.write("<br>Każdy
kolejny <i>komunikat</i> może być sformatowany znacznikami HTML");
</script>
</body>
</html>
7
OKNO DIALOGOWE
Okno dialogowe to narzędzie, które pozwala na interakcję z użytkownikiem.
W języku JavaScript istnieją trzy rodzaje okien dialogowych:
• informacyjne,
• decyzyjne,
• tekstowe.
8
OKNA INFORMACYJNE
Okna informacyjne są przeznaczone do przekazania określonej informacji i nie mają
wpływu na dalsze działanie skryptu. Do wyświetlenia tego rodzaju okna służy metoda
alert:
alert("Witamy na stronie!");
9
OKNO DECYZYJNE
Służy do wyświetlenia treści komunikatu oraz dwóch przycisków - OK i Anuluj,
które
po
wciśnięciu
zwracają
wartość
logiczną
true lub
false.
Postać przykładowej instrukcji:
confirm("Czy chcesz otworzyć stronę?");
10
OKNA TEKSTOWE
Są przeznaczone do wyświetlenia komunikatu oraz pola umożliwiającego
wprowadzanie danych przez użytkownika. Do utworzenia takiego okna dialogowego
służy metoda prompt:
prompt("Podaj swoje imię: ");
11
SPRAWDŹ SWOJĄ WIEDZĘ
1.
Podaj postać instrukcji document. write.
2.
Opisz, jak można sformatować tekst wyświetlany przez skrypt.
3.
Omów rodzaje okien dialogowych w JavaScript.
4.
W jaki sposób można wyświetlić okno dialogowe na stronie?
12
DZIĘKUJĘ!
M A LWA G P I E @ G M A I L . C O M
W Y Ś W I E T L A N I E
K O M U N I K AT Ó W
N A E K R A N I E .
O K N A D I A L O G O W E
M W P
Show answer
Auto Play
Slide 1 / 12
SLIDE
Similar Resources on Wayground
9 questions
Naruto - O Ninja da Programação
Presentation
•
11th Grade
10 questions
Algorytmy
Presentation
•
1st Grade
9 questions
7th Grade Quiz
Presentation
•
7th Grade
8 questions
ÔN TẬP TIN LỚP 5
Presentation
•
5th Grade
10 questions
Comparing Integers
Presentation
•
6th Grade
10 questions
Past Continuous vs Past Simple
Presentation
•
5th - 6th Grade
10 questions
3.3 Quadratic Formula
Presentation
•
9th - 11th Grade
9 questions
HTML Styles Practice
Presentation
•
7th - 10th Grade
Popular Resources on Wayground
20 questions
STAAR Review Quiz #3
Quiz
•
8th Grade
20 questions
Equivalent Fractions
Quiz
•
3rd Grade
6 questions
Marshmallow Farm Quiz
Quiz
•
2nd - 5th Grade
20 questions
Main Idea and Details
Quiz
•
5th Grade
20 questions
Context Clues
Quiz
•
6th Grade
20 questions
Inferences
Quiz
•
4th Grade
19 questions
Classifying Quadrilaterals
Quiz
•
3rd Grade
12 questions
What makes Nebraska's government unique?
Quiz
•
4th - 5th Grade
Discover more resources for Computers
31 questions
Easter Trivia
Quiz
•
KG - 12th Grade
20 questions
Capitalization in sentences
Quiz
•
KG - 4th Grade
10 questions
GMAS ELA Review
Quiz
•
KG - University
10 questions
How to Catch a Dinosaur
Quiz
•
KG - 5th Grade
10 questions
2D and 3D Shapes Review
Presentation
•
KG - 3rd Grade
20 questions
Place Value
Quiz
•
KG - 3rd Grade
26 questions
Customary Measurement
Quiz
•
KG - University
10 questions
Kindergarten Count to 100
Quiz
•
KG