Inne działy

 

 

Jak umieścić skrypt JavaScript w pliku HTML

Poniższy przykład pokazuje, jak korzystać z JavaScript do wypisania tekstu na stronie internetowej.

Wynik tego skryptu jest pokazany na poniższym listingu:

 

<html>
<body>
<script type="text/javascript">
document.write("Witaj Świecie!");
</script>
</body>
</html>

 Wynikiem działania tego skryptu będzie wyświetlenie napisu:

Witaj Świecie!

Nadchodzi pierwsza okazja do spersonalizowania JavaScript. Zmień tekst "Witaj Świecie!" na "Cześć, Cześć, witam, witam" i zobacz co się dzieje. Efekt wprowadzonych zmian przedstawiono poniżej:

 

<html>
<body>
<script type="text/javascript">
document.write("Cześć, Cześć, witam, witam");
</script>
</body>
</html>

 Zostanie wyświetlony tekst:

Cześć, Cześć, witam, witam

W następnym przykładzie pokażemy jak dodać tag HTML do kodu JavaScript. Treść skryptu znajduję się poniżej:

 

<html>
<body>
<script type="text/javascript">
document.write("<h1>Witaj Świecie!</h1>");
</script>
</body>
</html>

 W wyniku wykonania tego skryptu zostanie wyświetlony napis:

 Witaj Świecie!


 

Aby wstawić JavaScript na stronie HTML używamy znacznika <script>. Wewnątrz tagu <script> używamy atrybutu type, aby zdefiniować język skryptowy.

Więc tag <script type="text/javascript"> i tag </ script> wskazują gdzie Java Script zaczyna się i kończy.

 

<html>
<body>
<script type="text/javascript">
...
</script>
</body>
</html>

 Komenda document.write jest standardowym poleceniem JavaScript do wyświetlania tekstów na stronie.

Po wpisaniu polecenia document.write pomiędzy tagami <script> i </script>, przeglądarka rozpoznaje go jako polecenie JavaScript i wykonuje linie kodu. W tym przypadku przeglądarka wyświetla napis Witaj Świecie! na stronie:

 

<html>
<body>
<script type="text/javascript">
document.write("Hello World!");
</script>
</body>
</html>

 Gdybyśmy nie wpisali tagu <script>, przeglądarka byłaby potraktowała document.write ("Witaj Świecie!") jako polecenie wypisania tekstu i byłaby po prostu wyświetliła całą linię na stronie, jak pokazano poniżej:

document.write("Witaj Świecie!");

Zobacz nasze wszystkie kursy

WWW


HTML
HTML - Znaczniki
CSS - Tutorial
CSS - Selektory
PHP
JavaScript

XML

XSLT

Bazy danych


SQL
SQLite
MySQL
PostgreSQL

 

 

Programowanie


C
C++
C#
Java
VisualBasic
Python

Linux


Podstawy Linuxa
Bash
Linuks artykuły

Windows


Excel funkcje
Windows wskazówki
Outlook

Pozotałe działy


Programy
Rozrywka

 

 

 

This email address is being protected from spambots. You need JavaScript enabled to view it.