Wykorzystanie JavaScript
HTML w skrypcie musi być umieszczony między znacznikami <script> i </ script> tag.
Skrypt może być umieszczony na stronie HTML <body> i <head>.
<Script> tag
Aby wstawić JavaScript na stronie HTML, użyj znacznika <script>.
<Script> i </ script> mówi JavaScript, gdzie zaczyna się i kończy.
Linia kodu <script> i </ script> między zawiera JavaScript:
alert("我的第一个 JavaScript");
</script>
Nie rozumiesz powyższy kod. Wystarczy zrozumieć, że przeglądarka będzie interpretować i wykonywać kod JavaScript w <script> i </ script> pomiędzy
Przykłady te mogą wykorzystywać stare type = "text / javascript" w tagu <script>. Teraz już nie trzeba robić. JavaScript jest wszystkich nowoczesnych przeglądarek HTML5 i domyślnym językiem skryptowym. |
<Body> w JavaScript
W tym przykładzie, JavaScript na stronie HTML jest ładowany, gdy <body> napisz tekst:
Przykłady
<html>
<body>
.
.
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
.
.
</body>
</html>
Spróbuj »
Funkcje JavaScript i wydarzenia
Sprawozdanie JavaScript w powyższym przykładzie, wykonane po załadowaniu strony.
Ogólnie rzecz biorąc, musimy wykonać kod, gdy wystąpi zdarzenie, na przykład, gdy użytkownik kliknie przycisk.
Jeśli stawiamy kodu JavaScript w funkcji, można wywołać funkcję w momencie wystąpienia zdarzenia.
Dowiesz się więcej o znajomość funkcji JavaScript i wydarzeń w późniejszych rozdziałach.
W sekcji <head> <body> lub JavaScriptu
Można umieścić nieograniczoną liczbę skryptów w dokumencie HTML.
skrypt HTML znajduje się w sekcji <body> lub <head> lub występować w dwóch sekcjach.
Normalną praktyką jest, aby działać w <head> lub na dolnej stronie. Tak, że mogą one być umieszczone w tym samym miejscu, na które nie ma wpływu na zawartość strony.
Funkcje <head> JavaScript
W tym przypadku mamy funkcję JavaScript umieszczane na stronach HTML sekcji <head>.
Ta funkcja jest wywoływana po kliknięciu przycisku:
Przykłady
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()" >尝试一下</button>
</body>
</html>
Spróbuj »
Funkcje <body> JavaScript
W tym przypadku mamy funkcję JavaScript umieszczony w sekcji <body> strony HTML.
Ta funkcja jest wywoływana po kliknięciu przycisku:
Przykłady
<html>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落</p>
<button type="button" onclick=" myFunction() ">尝试一下</button>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>
</body>
</html>
Spróbuj »
zewnętrzna JavaScript
Można również zapisać skrypt do pliku zewnętrznego. Zewnętrzne pliki zazwyczaj zawierają kod mają być używane przez wiele stron.
Rozszerzenie pliku jest zewnętrzne js plik JavaScript.
Aby korzystać z zewnętrznego pliku, ustaw plik .js w tagu <script> jest "src" atrybut:
Przykłady
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>
Spróbuj »
Można umieścić skrypt w sekcji <head> <body> lub w rzeczywistych wyników operacyjnych i napisać skrypt dokładnie takie same <script> tag.
myScript.js kod pliku jest następująca:
function myFunction() { document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数"; }
Skrypt zewnętrzna nie może zawierać znacznika <script>. |