Darmowe Forum
Kwiecień 17, 2025, 02:51:39 *
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 7534 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:  

Powered by SMF 1.1.11 | SMF © 2006-2008, Simple Machines LLC | Sitemap

Polityka cookies
Darmowe Fora | Darmowe Forum

blackmoon zlotasiodemka mylittlepony proskills polski-serwer-rpg