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

mylittlepony articz moikrewni polski-serwer-rpg blackmoon