JavaScript/Atur cara Pertama

Sebelum: Pengenalan Indeks Berikut: Meletakkan Kod

Ini kenyataan tunggal JavaScript statement, yang membuat dialog kotak timbul yang memaparkan "Helo Dunia!":

  alert("Helo Dunia!");

Untuk membolehkan pelayar melaksanakan kenyataan, ia perlu diletakkan dalam unsur <script>. Unsur ini memerikan bahagian kod HTML yang menganduungi kod boleh laksana, dan akan diperikan dengan terperinci kemudian.

   <script type="text/javascript">
     alert("Helo Dunia!");
   </script>

Unsur <script> kemudian perlu disarangkan dalam unsur <head> dokumen HTML. Jika diandaikan halaman ini dilihat dengan pelayar yang memuatkan JavaScript, pelayar itu akan melaksanakan penyataan semasa halaman itu dimuatkan ke dalam pelayar.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Sesuatu Halaman</title>
    <script type="text/javascript">
      alert("Helo Dunia!");
    </script>
  </head>
  <body>
    <p>Kandungan laman sesawang</p>
  </body>
</html>

Atur cara asal helo dunia ini dapat digunakan sebagai titik tolak sebarang program yang mahu anda buat.

Latihan

sunting

Latihan 1-1

sunting

Salin dan tampal program asas dalam fail dan simpan di cakera keras anda sebagai "latihan 1-1.html". Anda boleh melaksankannya dengan dua cara:

  1. Buka fail dengan file manager, dan kemudian menggunakan pelayar web (misalnya, dengan Windows Explorer ia dibuka dengan dua klik)
  2. Hidupkan pelayr dan kemudian buka dari menu. Bagi Firefox, caranya ialah: Pilih File, kemudian Open File, dan seterusnya pilih fail.

Apa yang terjadi?

Latihan 1-2

sunting

Simpan fail di atas sebagai "latihan 1-2.html". Ganti tanda petikan ganda (") dalam baris alert("Helo Dunia!"); dengan tanda petikan tunggal (') agar ia tertulis alert('Helo Dunia!'); dan simpan fail. Apa terjadi apabila anda membuka fail ini?


Sebelum: Pengenalan Indeks Berikut: Meletakkan Kod