JavaScript może być umieszczony w <body> i <head> sekcje strony HTML.
<script> Tag
W HTML, kod JavaScript musi być umieszczony pomiędzy <script> i </script> tagów.
Przykład
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
Starsze przykłady można użyć atrybutu type: <script type="text/javascript"> .
Ta cecha typ nie jest wymagane. JavaScript jest domyślnym językiem skryptowym w HTML.
Funkcje JavaScript i wydarzenia
Javascript function jest blok kodu JavaScript, które mogą być wykonane, gdy "poproszony" o.
Na przykład, funkcja może być wykonane, gdy wystąpizdarzenie, na przykład, gdy użytkownik kliknie przycisk.
Dowiesz się znacznie więcej na temat funkcji i wydarzeń w późniejszych rozdziałach.
JavaScript w <head> i <body>
Można umieścić dowolną liczbę skryptów w dokumencie HTML.
Skrypty mogą być umieszczone w <body> lub w <head> sekcji strony HTML lub w obu.
Trzymając cały kod w jednym miejscu, zawsze jest dobrym nawykiem.
JavaScript w <head>
W tym przykładzie, funkcja JavaScript jest umieszczony w <head> sekcji strony HTML.
Funkcja jest wywoływana (zwane) przy kliknięciu przycisku:
Przykład
<!DOCTYPE html>
<html><head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
</body>
</html>
Spróbuj sam " JavaScript w <body>
W tym przykładzie, funkcja JavaScript jest umieszczony w <body> części strony HTML.
Funkcja jest wywoływana (zwane) przy kliknięciu przycisku:
Przykład
<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</body>
</html>
Spróbuj sam " Jest to dobry pomysł, aby umieścić skrypty na dole <body> elementu.
Może to zwiększyć obciążenie strony, ponieważ kompilacja skrypt może spowolnić wyświetlanie.
zewnętrzna JavaScript
Skrypty mogą być również umieszczone w plikach zewnętrznych:
myScript.js
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
skrypty zewnętrzne są praktyczne, gdy ten sam kod jest używany w wielu różnych stronach internetowych.
Pliki JavaScript mają rozszerzenie .js .
Aby użyć skryptu zewnętrznego, umieścić nazwę pliku skryptu w src (źródło) atrybutem <script> tag:
Przykład
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html> Spróbuj sam " Można umieścić zewnętrznego odniesienia skryptu w <head> i <body> , jak chcesz.
Skrypt będzie zachowywać się tak, jakby znajdował się dokładnie tam, gdzie <script> tag znajduje.
Skrypty zewnętrzne nie może zawierać <script> tagi.
Korzyści zewnętrzne JavaScript
Umieszczenie JavaScripts w plikach zewnętrznych ma kilka zalet:
- To oddziela kod HTML i
- To sprawia, HTML i JavaScript łatwiejsze do odczytania i utrzymywania
- Buforowane pliki JavaScript może przyspieszyć strona wczytuje