Darmowe Forum

Multimedia => Java Script => Wątek zaczęty przez: admin Grudzień 01, 2010, 13:36:20


Tytuł: Podstawy Java Script
Wiadomość wysłana przez: admin 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>

Tytuł: Odp: Podstawy Java Script
Wiadomość wysłana przez: admin 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>

Tytuł: Odp: Podstawy Java Script
Wiadomość wysłana przez: admin 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>

Tytuł: Odp: Podstawy Java Script
Wiadomość wysłana przez: admin 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>

Tytuł: Odp: Podstawy Java Script
Wiadomość wysłana przez: admin 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>

Tytuł: Odp: Podstawy Java Script
Wiadomość wysłana przez: admin 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>

Tytuł: Odp: Podstawy Java Script
Wiadomość wysłana przez: admin 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>

Tytuł: Odp: Podstawy Java Script
Wiadomość wysłana przez: admin 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>



Tytuł: Odp: Podstawy Java Script
Wiadomość wysłana przez: admin 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>

Tytuł: Odp: Podstawy Java Script
Wiadomość wysłana przez: admin 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>

Tytuł: fgnsrMKLfFIxtaybnFH
Wiadomość wysłana przez: Morten 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


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

Polityka cookies
Darmowe Fora | Darmowe Forum

spw blackmoon articz polski-serwer-rpg moikrewni