Latest web development tutorials
×

JavaScript kuliah

JavaScript kuliah JavaScript pengantar singkat JavaScript pemakaian JavaScript ekspor JavaScript tatabahasa JavaScript laporan JavaScript catatan JavaScript variabel JavaScript Jenis Data JavaScript benda JavaScript fungsi JavaScript cakupan JavaScript peristiwa JavaScript tali JavaScript operator JavaScript membandingkan JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Jenis Konversi JavaScript Regular Expressions JavaScript kesalahan JavaScript debugging JavaScript angkat variabel JavaScript Modus yang ketat JavaScript Gunakan tidak tepat JavaScript bentuk Authentication JavaScript Reserved Keywords JavaScript JSON JavaScript void JavaScript kode Spesifikasi

JS fungsi

JavaScript definisi fungsi JavaScript Argumen fungsi JavaScript fungsi panggilan JavaScript penutupan

JS HTML DOM

DOM pengantar singkat DOM HTML DOM CSS DOM peristiwa DOM EventListener DOM elemen

JS canggih Tutorial

JavaScript benda JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp benda

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript pop JavaScript Kegiatan Jangka waktu JavaScript Cookies

JS gudang

JavaScript gudang JavaScript uji jQuery JavaScript uji Prototype

JS contoh

JavaScript contoh JavaScript contoh objek JavaScript Browser contoh objek JavaScript HTML DOM contoh JavaScript ringkasan

JS Reference manual

JavaScript benda HTML DOM benda

Penggunaan JavaScript

HTML dalam naskah harus terletak di antara <script> dan </ script> tag.

Script dapat ditempatkan di halaman HTML <body> dan <head>.


<Script> tag

Untuk menyisipkan JavaScript di halaman HTML, gunakan tag <script>.

<Script> dan </ script> memberitahu JavaScript harus mulai dari mana dan akhir.

Baris kode <script> dan </ script> antara mengandung JavaScript:

<script>
alert("我的第一个 JavaScript");
</script>

Anda tidak memahami kode di atas. Hanya memahami bahwa browser akan menafsirkan dan melaksanakan kode JavaScript di <script> dan </ script> antara

lampu Contoh yang lama dapat menggunakan type = "text / javascript" di <script> tag. Sekarang Anda tidak perlu melakukannya. JavaScript adalah semua browser modern dan HTML5 bahasa scripting default.


<Body> di JavaScript

Dalam contoh ini, JavaScript di halaman HTML dimuat ketika <body> menulis teks:

contoh

<!DOCTYPE html>
<html>
<body>
.
.
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
.
.
</body>
</html>

Coba »


fungsi dan acara JavaScript

Laporan JavaScript pada contoh di atas, dieksekusi ketika beban halaman.

Secara umum, kita perlu mengeksekusi kode ketika suatu peristiwa terjadi, seperti ketika pengguna mengklik tombol.

Jika kita menempatkan kode JavaScript dalam fungsi, Anda dapat memanggil fungsi ketika peristiwa itu terjadi.

Anda akan belajar lebih banyak tentang pengetahuan fungsi dan acara JavaScript di bab berikutnya.


Dalam <head> atau <body> dari JavaScript

Anda dapat menempatkan jumlah tidak terbatas skrip dalam dokumen HTML.

script HTML terletak di <body> atau <head>, atau ada di dua bagian.

Praktek yang biasa adalah berfungsi ke dalam <head>, atau di bagian bawah halaman. Sehingga mereka dapat ditempatkan ke tempat yang sama untuk yang tidak mengganggu isi halaman.


fungsi <head> JavaScript

Dalam hal ini, kita memiliki fungsi JavaScript ditempatkan di halaman HTML <head>.

Fungsi ini dipanggil saat tombol diklik:

contoh

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


Coba »


fungsi <body> JavaScript

Dalam hal ini, kita memiliki fungsi JavaScript ditempatkan di <body> halaman HTML.

Fungsi ini dipanggil saat tombol diklik:

contoh

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


Coba »


eksternal JavaScript

Anda juga dapat menyimpan script ke file eksternal. file eksternal biasanya berisi kode yang akan digunakan oleh beberapa halaman.

ekstensi file eksternal Js file JavaScript.

Untuk menggunakan file eksternal, mengatur file js di <script> tag adalah "src" atribut:

contoh

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

Coba »

Anda dapat menempatkan script di <head> atau <body> dalam hasil operasi yang sebenarnya dan Anda menulis naskah persis sama <script> tag.

file kode myScript.js adalah sebagai berikut:

function myFunction()
{
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
lampu skrip eksternal tidak dapat berisi tag <script>.