Rumah  >  Artikel  >  hujung hadapan web  >  javascript berbunyi seperti ini

javascript berbunyi seperti ini

PHPz
PHPzasal
2023-05-17 20:02:06563semak imbas

JavaScript disebut seperti ini

JavaScript, nama Cina ialah "Bahasa skrip JavaScript", ialah bahasa pengaturcaraan yang dijalankan pada penyemak imbas. Ia adalah bahasa teras untuk membangunkan laman web interaktif Ia digunakan secara meluas dalam penghasilan halaman web, kesan khas halaman web, pembangunan aplikasi web dan bidang lain Ia dianggap sebagai salah satu daripada "Troika of the World Wide Web".

Pembelajaran dan penguasaan JavaScript adalah sangat penting untuk pengaturcara yang terlibat dalam pembangunan web. Dalam artikel ini, kami akan memperkenalkan pengetahuan asas, peraturan tatabahasa dan penggunaan biasa JavaScript untuk membantu pemula lebih memahami dan menguasai JavaScript.

1. Pengetahuan asas JavaScript

  1. Sejarah

JavaScript berasal pada tahun 1995 dan pada asalnya dibangunkan oleh Brendan Eich, seorang pengaturcara di Netscape dipanggil "LiveScript" pada masa itu dan kemudiannya dinamakan semula sebagai JavaScript. Pada tahun 1996, kerana JavaScript agak berkaitan dengan Java Sun, Netscape menyerahkannya kepada ECMA (European Computer Manufacturers Association) dan mengeluarkan standard ECMAScript JavaScript digunakan secara meluas sebagai pelaksanaan ECMAScript.

  1. Ciri

JavaScript ialah bahasa "ditafsirkan" yang tidak memerlukan pengkompil untuk dijalankan. Ia melaksanakan pelbagai paradigma pengaturcaraan, termasuk pengaturcaraan berorientasikan objek, pengaturcaraan berfungsi dan pengaturcaraan imperatif. Berbanding dengan bahasa pengaturcaraan lain, JavaScript mempunyai ciri berikut:

①Dinamik: JavaScript menyokong jenis dinamik dan juga menyokong penjanaan kod dinamik.

②Fleksibiliti: JavaScript menyokong pemacu acara dan boleh menambah kesan interaktif pada halaman web.

③ Disepadukan rapat dengan HTML: JavaScript boleh dibenamkan dalam halaman HTML dan dijalankan terus dalam penyemak imbas.

④ Cross-platform: JavaScript boleh dijalankan dalam berbilang sistem pengendalian dan juga boleh merentangi berbilang platform penyemak imbas.

  1. Fungsi

JavaScript boleh merealisasikan kesan interaktif, pengesahan borang, pengubahsuaian gaya dinamik, operasi DOM dan fungsi lain dalam halaman web. Pada masa yang sama, JavaScript juga boleh berinteraksi dengan pelayan melalui teknologi Ajax untuk mencapai pemuatan tak segerak dan penyegaran semula dinamik data.

  1. Persekitaran pembangunan

JavaScript ialah bahasa ringan yang tidak memerlukan persekitaran pembangunan khas, hanya editor teks dan penyemak imbas. Penyunting teks biasa termasuk Notepad++, Teks Sublime, Kod Visual Studio, dsb. Bagi pelayar, anda boleh memilih Chrome, Firefox, IE, dll.

2. Peraturan sintaks JavaScript

  1. Ulasan

Ulasan boleh ditambahkan pada kod JavaScript untuk memudahkan orang lain membaca dan memahami kod tersebut. JavaScript menyokong komen satu baris dan komen berbilang baris, seperti yang ditunjukkan di bawah:

Ulasan satu baris: //Ini adalah ulasan satu baris

Ulasan berbilang baris:
/*
Ini ialah ulasan berbilang baris
yang boleh mengandungi berbilang baris kandungan
*/

  1. Pembolehubah

Pembolehubah JavaScript mesti diisytiharkan sebelum digunakan, gunakan kekunci var Isytiharkan pembolehubah seperti berikut:

var num = 10;//Isytiharkan pembolehubah bernama num, dengan nilai awal 10

  1. Jenis data

Jenis data JavaScript termasuk: rentetan, nombor, nilai Boolean, tatasusunan, objek, Null dan Undefined. Rentetan mesti disertakan dalam tanda petikan, nombor itu boleh menjadi integer atau nombor titik terapung, dan nilai Boolean hanya mempunyai dua nilai: benar dan salah.

  1. Pernyataan kawalan

Pernyataan kawalan JavaScript termasuk: pernyataan if, for statement, while statement, switch statement, dsb. Pernyataan if digunakan untuk menentukan sama ada syarat dipenuhi, pernyataan for digunakan untuk melaksanakan sekeping kod dalam gelung, pernyataan while digunakan untuk menggelungkan sekeping kod sehingga syarat tidak dipenuhi, dan pernyataan suis digunakan untuk melaksanakan blok kod yang berbeza berdasarkan keadaan yang berbeza.

  1. Fungsi

Fungsi JavaScript boleh difahami sebagai sekeping kod boleh guna semula, ditakrifkan dengan kata kunci fungsi. Fungsi boleh menerima parameter dan mengembalikan nilai, seperti yang ditunjukkan di bawah:

fungsi add(a, b){
return a + b;
}
var result = add(3, 4 );//Panggil fungsi tambah dan tetapkan nilai pulangan kepada pembolehubah hasil

  1. Objek

Objek JavaScript ialah entiti yang terdiri daripada sifat dan kaedah, "properties " merujuk kepada keadaan objek, manakala "kaedah" merujuk kepada kelakuan objek. Objek boleh diwakili oleh pendakap kerinting {}, seperti yang ditunjukkan di bawah:

var person = {

name:"Tom",
age:20,
sayHello:function(){
    console.log("Hello, my name is " + this.name);
}

};
person.sayHello();//Panggil kaedah dan output sayHello orang "Helo, nama saya Tom"

3 Penggunaan biasa

  1. Pengikatan acara

JavaScript boleh mengikat acara ke elemen HTML dan mencetuskan tindak balas yang berbeza. fungsi adalah seperti berikut:

800a9b0933020ff50bae89f95f506849Click Me65281c5ac262bf6d81768915a4a77ac0

Dalam contoh ini, apabila pengguna mengklik Apabila butang ditekan, kotak amaran muncul dan memaparkan "Hello World".

  1. Kawalan gaya dinamik

Anda boleh mengawal gaya elemen secara dinamik melalui JavaScript, seperti ditunjukkan di bawah:

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

Dalam contoh ini, mula-mula dapatkan elemen dengan id "myDiv" dalam halaman, dan kemudian tetapkan warna teksnya kepada merah.

  1. Operasi DOM

JavaScript boleh mengendalikan nod DOM (Document Object Model) dalam halaman web, iaitu, ia boleh menambah, mengubah suai dan memadamkan elemen dan atribut HTML. Seperti yang ditunjukkan di bawah:

var newelement = document.createElement("p");//Buat e388a4556c0f65e1904146cc1a846bee elemen baharu
var textnode = document.createTextNode("Ini baharu."); //Buat nod teks
newellement.appendChild(textnode);//Tambahkan nod teks pada e388a4556c0f65e1904146cc1a846bee elemen
document.getElementById("myDiv").appendChild(newellement);//Tambah < ; Elemen p> ditambahkan pada elemen dengan id "myDiv"

Dalam contoh ini, buat elemen e388a4556c0f65e1904146cc1a846bee baharu dan tambahkan elemen e388a4556c0f65e1904146cc1a846bee elemen dengan id "myDiv" pada halaman.

Kesimpulan

Artikel ini memperkenalkan pengetahuan asas, peraturan tatabahasa dan penggunaan biasa JavaScript. Bagi pemula, sangat penting untuk menguasai pengetahuan asas ini. Pada masa yang sama, adalah disyorkan bahawa pemula bermula dengan contoh mudah, secara beransur-ansur memahami sintaks dan ciri JavaScript secara mendalam, dan terus berlatih dan mencuba untuk menguasai bahasa ini dengan lebih baik.

Atas ialah kandungan terperinci javascript berbunyi seperti ini. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn