Cara menggunakan kod javascript

Javascript ialah bahasa pengaturcaraan yang digunakan secara meluas yang boleh digunakan dalam banyak bidang seperti pembangunan web, perisian desktop dan pembangunan aplikasi mudah alih. Artikel ini akan memperkenalkan cara menggunakan kod Javascript untuk membantu pemula bermula dengan cepat.

1. Cipta kod Javascript

Memperkenalkan kod Javascript ke dalam fail HTML ialah cara yang paling biasa. Dalam kod HTML, kod Javascript diperkenalkan melalui teg <script> contohnya: </script>

<script>
// 在这里写JavaScript代码
</script>

Anda juga boleh menyimpan kod Javascript sebagai fail .js yang berasingan dan kemudian memperkenalkannya dalam fail HTML. Sebagai contoh, kita boleh mencipta fail bernama "script.js" dan merujuknya dalam fail HTML:

<script src="script.js"></script>

2. Pembolehubah

Pembolehubah digunakan untuk menyimpan data dalam Javascript. Anda perlu menggunakan kata kunci var semasa membuat pembolehubah, contohnya:

var name = "John";

Kod di atas mencipta nama pembolehubah dan memberikan rentetan "John" kepada pembolehubah ini. Dalam Javascript, pembolehubah ditaip secara dinamik, iaitu jenis pembolehubah boleh berubah secara dinamik. Sebagai contoh, kita boleh menukar nilai nama pembolehubah di atas kepada jenis angka:

var name = 10;

Nama pembolehubah boleh terdiri daripada huruf, nombor, garis bawah dan tanda dolar, tetapi ia tidak boleh bermula dengan nombor . Nama pembolehubah adalah peka huruf besar-kecil.

3. Jenis data

Javascript mempunyai pelbagai jenis data, termasuk rentetan, nombor, tatasusunan, objek, dsb.

1. String

String ialah jenis data yang digunakan untuk mewakili teks dan boleh disertakan dalam petikan tunggal atau berganda. Contohnya:

var name = "John";
var greeting = 'Hello';

2. Nombor

Nombor dibahagikan kepada jenis integer dan titik terapung dalam Javascript. Contohnya:

var age = 18;
var price = 9.99;

3. Array

Array ialah jenis data yang digunakan untuk menyimpan set data. Setiap elemen tatasusunan boleh terdiri daripada sebarang jenis data. Apabila mengisytiharkan tatasusunan, anda perlu menggunakan kurungan segi empat sama [] dan pisahkan setiap elemen dengan koma. Contohnya:

var fruits = ["apple", "orange", "banana"];

boleh mengakses elemen tatasusunan mengikut indeks dan indeks tatasusunan bermula dari 0. Contohnya, akses "epal" dalam tatasusunan di atas:

var fruit = fruits[0];

4. Objek

Objek ialah jenis data yang digunakan untuk menerangkan perkara dalam realiti. Objek terdiri daripada sifat dan kaedah. Sifat ialah ciri sesuatu objek, dan kaedah ialah tingkah laku objek. Contohnya:

var person = {
  name: "John",
  age: 18,
  sayHello: function() {
    alert("Hello!");
  }
};

Kod di atas mencipta objek orang, termasuk nama, umur dan kaedah sayHello. Anda boleh mengakses sifat dan kaedah objek melalui titik atau kurungan segi empat sama. Contohnya, untuk mengakses nama dalam objek orang:

var name = person.name;

4. Aliran kawalan

Aliran kawalan ialah mekanisme untuk mengawal susunan pelaksanaan program Javascript menyediakan pelbagai pernyataan aliran kawalan .

1. penyataan if

penyataan if digunakan untuk melaksanakan blok kod yang berbeza berdasarkan syarat. Contohnya:

if (age > 18) {
  alert("You are an adult.");
} else {
  alert("You are a child.");
}

Kod di atas menentukan sama ada umur lebih daripada 18 tahun berdasarkan nilai umur pembolehubah dan melaksanakan blok kod yang berbeza.

2. untuk gelung

Gelung for digunakan untuk melaksanakan blok kod yang sama berulang kali. Contohnya, untuk mengeluarkan nombor dari 1 hingga 10:

for (var i = 1; i <p>Kod di atas menggunakan pembolehubah i untuk menggelung dari 1 hingga 10, setiap kali mengeluarkan nilai i semasa. </p><ol start="3"><li>gelung while </li></ol><p>gelung while digunakan untuk melaksanakan blok kod yang sama berulang kali semasa keadaan adalah benar. Contohnya, nombor keluaran dari 1 hingga 10: </p><pre class="brush:php;toolbar:false">var i = 1;
while (i <p>Kod di atas menggunakan pembolehubah i untuk memulakan gelung daripada 1, mengeluarkan nilai semasa i setiap kali dan menambah i sebanyak 1 sehingga gelung tamat apabila i adalah lebih besar daripada 10. </p><p>5. Fungsi </p><p>Fungsi ialah blok kod yang menyelesaikan tugasan tertentu dan boleh dipanggil berulang kali untuk pelaksanaan. Fungsi boleh ditakrifkan dalam Javascript melalui fungsi kata kunci. Sebagai contoh, tentukan fungsi yang mengira jumlah dua nombor: </p><pre class="brush:php;toolbar:false">function add(a, b) {
  return a + b;
}

Kod di atas mentakrifkan fungsi bernama tambah yang menerima dua parameter a dan b serta mengembalikan jumlahnya.

6. Operasi DOM

Javascript boleh mengendalikan pepohon DOM (Document Object Model) untuk mencapai kesan mengemas kini halaman HTML secara dinamik. Pokok DOM ialah perwakilan berstruktur halaman HTML, dan setiap elemen HTML ialah nod dalam pokok DOM. Javascript boleh mengendalikan nod ini melalui API DOM, seperti mengubah suai kandungan, atribut, gaya, dsb. elemen.

1. Dapatkan elemen

Anda boleh menggunakan getElementById, getElementsByClassName, getElementsByTagName dan kaedah lain objek dokumen untuk mendapatkan elemen HTML. Sebagai contoh, dapatkan elemen dengan id "myDiv":

var myDiv = document.getElementById("myDiv");

2. Ubah suai kandungan elemen dan atribut

Anda boleh menggunakan atribut innerHTML, innerText dan nodeValue bagi nod untuk mengubah suai kandungan nod . Contohnya, untuk mengubah suai kandungan elemen dengan id "myDiv":

var myDiv = document.getElementById("myDiv");
myDiv.innerHTML = "Hello World!";

Anda boleh menggunakan atribut getAttribute dan setAttribute nod untuk mengubah suai atribut nod. Contohnya, ubah suai atribut href bagi elemen dengan id "myLink":

var myLink = document.getElementById("myLink");
myLink.setAttribute("href", "http://www.example.com");

3. Ubah suai gaya elemen

Anda boleh menggunakan atribut gaya nod untuk ubah suai gaya nod. Contohnya, ubah suai warna latar belakang elemen dengan id "myDiv":

var myDiv = document.getElementById("myDiv");
myDiv.style.backgroundColor = "red";

Di atas adalah operasi asas kod Javascript Selepas menguasai kandungan ini, skop aplikasi Javascript akan diperluaskan lagi.

Atas ialah kandungan terperinci Cara menggunakan kod javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!