Darmowe Forum
Grudzieñ 22, 2024, 05:53:59 *
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 7165 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

shaggydogss proskills articz mylittlepony spw