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
10 questions
Intro to Dividing Fractions
Presentation
•
5th Grade
10 questions
Operators in Python
Presentation
•
9th - 12th Grade
9 questions
GRAMMAR EXERCISES
Presentation
•
3rd Grade
10 questions
C#alapok
Presentation
•
10th Grade
10 questions
Sposoby wykorzystania Internetu
Presentation
•
5th - 7th Grade
9 questions
Images in HTML
Presentation
•
8th Grade
10 questions
Simple Present
Presentation
•
1st - 6th Grade
10 questions
원방 공식 퀴즈
Presentation
•
10th Grade
Popular Resources on Wayground
10 questions
HCS SCI 03 Summer School Assessment 1
Quiz
•
3rd Grade
15 questions
HCS SCI 05 Summer School Assessment 1 Review
Quiz
•
5th Grade
22 questions
Day 9 Equations and Inequalities Review
Quiz
•
9th Grade
10 questions
Writing and Identifying Ratios Practice
Quiz
•
5th - 6th Grade
7 questions
PYRAMID PERSPECTIVES part 1
Presentation
•
9th - 12th Grade
12 questions
Understanding the Fourth of July
Quiz
•
9th Grade
15 questions
Soccer World Cup Quiz Questions
Quiz
•
7th Grade