Darmowe Forum
Maj 03, 2024, 11:24:41 *
Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?

Zaloguj się podając nazwę użytkownika, hasło i długość sesji
Aktualności: Forum zostało uruchomione!
 
   Strona główna   Pomoc Zaloguj się Rejestracja  
Darmowe Forum > Multimedia > Java Script > Podstawy Java Script
Strony: [1]
« poprzedni następny »
  Drukuj  
Autor Wątek: Podstawy Java Script  (Przeczytany 6684 razy)
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« : Grudzień 01, 2010, 13:36:20 »
Java_Script  jest interpretowanym językiem skryptowym, którego skrypty są wstawiane w kod HTML.
Java jest językiem obiektowym o predefiniowanych obiektach.
Składnia w HTML – w kodzie HTML skrypt JAVA wstawiany jest pomiędzy polecenie HEAD i BODY.

Polecenie wyświetlenia tekstu w przeglądarce: document.writeln("To jest tekst");
Przykład 1.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  <meta name="Description" content=" [wstaw tu opis strony] ">
  <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  <meta name="Author" content=" [dane autora] ">
  <meta name="Generator" content="">

  <title> [tytuł strony] </title>

  <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
</head>
<script type="text/javascript">
document.write("<p>Jaki miły dzień</p>")
</script>

<body>

<!-- tutaj wstaw tresc strony -->

</body>
</html>
« Ostatnia zmiana: Grudzień 01, 2010, 13:59:51 wysłane przez admin » Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #1 : Grudzień 01, 2010, 13:38:33 »
Przykład 2. Tekst bardziej złożony

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  <meta name="Description" content=" [wstaw tu opis strony] ">
  <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  <meta name="Author" content=" [dane autora] ">
  <meta name="Generator" content="">

  <title> [tytuł strony] </title>

  <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
</head>
<pre>
<script type="text/javascript">
document.write("To jest mój pierwszy tekst");
document.writeln(" który napisałem" );
document.writeln("po zapoznaniu się z instrukcj±")

</script>
</pre>
<body>

<!-- tutaj wstaw tresc strony -->

</body>
</html>
Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #2 : Grudzień 01, 2010, 13:41:01 »
Przykład 3. Polecenie <noscript>….</noscript> stosowane w przypadku jeżeli program ma informować o nieobsługiwaniu przez przeglądarkę skryptów Java.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  <meta name="Description" content=" [wstaw tu opis strony] ">
  <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  <meta name="Author" content=" [dane autora] ">
  <meta name="Generator" content="">

  <title> [tytuł strony] </title>

  <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
</head>
<pre>
<script type="text/javascript">
document.write("To jest mój pierwszy tekst");
document.writeln(" który napisałem" );
document.writeln("po zapoznaniu się z instrukcj±")

</script>
<noscript> Witaj</noscript>
</pre>
<body>

<!-- tutaj wstaw tresc strony -->

</body>
</html>
Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #3 : Grudzień 01, 2010, 13:42:53 »
Przykład 4. Formatowanie tekstu – jest możliwe za pomocą znaczników HTML umieszczonych wewnątrz właściwości write.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  <meta name="Description" content=" [wstaw tu opis strony] ">
  <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  <meta name="Author" content=" [dane autora] ">
  <meta name="Generator" content="">

  <title> [tytuł strony] </title>

  <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
</head>
<pre>
<script type="text/javascript">
document.write("<b>To jest mój pierwszy tekst</b>");
document.writeln("<font size=+2> który napisałem" );
document.writeln("<font size=-2>po zapoznaniu się z instrukcj±")

</script>
<noscript> Witaj</noscript>
</pre>
<body>

<!-- tutaj wstaw tresc strony -->

</body>
</html>
« Ostatnia zmiana: Grudzień 01, 2010, 13:45:49 wysłane przez admin » Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #4 : Grudzień 01, 2010, 13:45:10 »
Jeżeli na ekran wyprowadzany jest znak \ lub „ (są to znaki specjalne , należy poprzedzić go znakiem „\”.
Wyświetlanie plików graficznych

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  <meta name="Description" content=" [wstaw tu opis strony] ">
  <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  <meta name="Author" content=" [dane autora] ">
  <meta name="Generator" content="">

  <title> [tytuł strony] </title>

  <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
</head>
<pre>
<script type="text/javascript">
document.write("<b>To jest mój pierwszy tekst</b>");
document.writeln("<font size=+2> który napisałem" );
document.writeln("<font size=-2>po zapoznaniu się z instrukcj±")
document.writeln("<img src=\"gosia.jpg\">");
</script>
<noscript> Witaj</noscript>
</pre>
<body>

<!-- tutaj wstaw tresc strony -->

</body>
</html>
Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #5 : Grudzień 01, 2010, 13:47:46 »
Zadanie 6.
Okno dialogowe/zdarzenia  – jest reakcją na pewne działania. Alert(). Działanie kodu jest wstrzymywane do czasu kliknięcia przez użytkownika okienka OK. Tekst w okienku może być formatowany podobnie jak w przypadku polecenia writeln

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  <meta name="Description" content=" [wstaw tu opis strony] ">
  <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  <meta name="Author" content=" [dane autora] ">
  <meta name="Generator" content="">

  <title> [tytuł strony] </title>

  <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
</head>
<pre>
<script type="text/javascript">
document.write("<b>To jest mój pierwszy tekst</b>");
document.writeln("<font size=+2> który napisałem" );
document.writeln("<font size=-2>po zapoznaniu się z instrukcj±")
alert("WItaj dobry człowieku")
document.write("<img src=\"gosia.jpg\">");
</script>
<noscript> Witaj</noscript>
</pre>
<body>

<!-- tutaj wstaw tresc strony -->

</body>
</html>
Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #6 : Grudzień 01, 2010, 14:14:45 »
Problem 7. Deklaracja zmiennych.
Zmienna powinna posiadać nazwę oraz być poprzedzona słowem var. Czyli łatwiej niż w C++.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  <meta name="Description" content=" [wstaw tu opis strony] ">
  <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  <meta name="Author" content=" [dane autora] ">
  <meta name="Generator" content="">

  <title> [tytuł strony] </title>

  <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
</head>
<pre>
<script type="text/javascript">
document.write("<b>To jest mój pierwszy tekst</b>");
document.writeln("<font size=+2> który napisałem" );
document.writeln("<font size=+2>po zapoznaniu się z instrukcją")
alert("WItaj dobry człowieku")
var a=2;
var b="Małgorzata";
document.writeln("<p>"+a +" +"+b);
</script>
<noscript> Witaj</noscript>
</pre>
<body>

<!-- tutaj wstaw tresc strony -->

</body>
</html>
Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #7 : Grudzień 01, 2010, 14:29:00 »
Zadanie 8.
Polecenie prompt  podobnie jak polecenie alert wyświetla oddzielne okienko. Jednak w okienku można wprowadzić dane. Składnia polecenia wygląda następująco:
a=prompt("Podaj zmienną");
na ekranie pojawi się napis - Podaj zmienną, w okienku oczekiwane będzie wprowadzenie zmiennej która zostanie przypisana do zmiennej a.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  <meta name="Description" content=" [wstaw tu opis strony] ">
  <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  <meta name="Author" content=" [dane autora] ">
  <meta name="Generator" content="">

  <title> [tytuł strony] </title>

  <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
</head>
<pre>
<script type="text/javascript">
document.writeln("<p>Jaki miły dzień</p>");
var a=prompt("podaj pierwszą daną:");
document.writeln("podaleś daną="+a);
</script>
</pre>
<body>

<!-- tutaj wstaw tresc strony -->

</body>
</html>
« Ostatnia zmiana: Grudzień 01, 2010, 14:37:30 wysłane przez admin » Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #8 : Grudzień 01, 2010, 14:39:57 »
PROBLEM 9. W przypadku poleceń prompt i alert można łączyć ich działanie . Przykład poniżej pokazuje jak wczytać daną za pomocą polecenia prompt i wyświetlić przy pomocy polecenia Alert.


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  <meta name="Description" content=" [wstaw tu opis strony] ">
  <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  <meta name="Author" content=" [dane autora] ">
  <meta name="Generator" content="">

  <title> [tytuł strony] </title>

  <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
</head>
<pre>
<script type="text/javascript">
document.writeln("<p>Jaki miły dzień</p>");

var pytanie = prompt("Hey przystojniaku!  Jak się nazywasz?", "")
alert ( "Miło ciebie spotkać człowieku o imieniu  " + pytanie + "!")

var a=prompt("podaj pierwszą daną:");
document.writeln("podaleś daną="+a);
</script>
</pre>
<body>

<!-- tutaj wstaw tresc strony -->

</body>
</html>
Zapisane
admin
Administrator
Ekspert
*****
Wiadomości: 821


Email
« Odpowiedz #9 : Grudzień 09, 2011, 11:41:32 »
Przykład 7.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  <meta name="Description" content=" [wstaw tu opis strony] ">
  <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  <meta name="Author" content=" [dane autora] ">
  <meta name="Generator" content="kED2">

  <title> [tytuł strony] </title>

  <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">

   </head>
<body>
<script type="text/javascript">
document.writeln("<b>W piątek<br></b>");
document.writeln("programujemy w <br>");
document.write("Java.script<br>");

</script>
<!-- tutaj wstaw tresc strony -->

</body>
</html>
Zapisane
Morten
Gość


Email
« Odpowiedz #10 : Marzec 14, 2012, 00:44:17 »
Thank you so much! Your explanations were very clear and to the point. I love that. I hgoutht meta tags was something hard to do. lol This was very helpful
Zapisane
Strony: [1]
  Drukuj  
« poprzedni następny »
 
Skocz do: