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:

<script>
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

lampa 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

<!DOCTYPE html>
<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

<!DOCTYPE html>
<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

<!DOCTYPE html>
<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

<!DOCTYPE html>
<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 函数";
}
lampa Skrypt zewnętrzna nie może zawierać znacznika <script>.