Apa itu variabel?
Variabel adalah wadah yang digunakan untuk menyimpan informasi
Deklarasi Variabel
tata bahasa:
nama variabel var
nama variabel = nilai;
Variabel harus dinyatakan terlebih dahulu dan kemudian ditetapkan
Variabel dapat ditetapkan berulang kali
Aturan penamaan untuk variabel
Variabel harus dimulai dengan huruf;
Variabel juga dapat dimulai dengan simbol $ dan _ (tetapi kami tidak merekomendasikan ini);
Nama variabel adalah case sensitif (A dan A adalah variabel yang berbeda).
Penyataan
Pernyataan itu berakhir dengan titik koma; Jika titik koma dihilangkan, akhir dari pernyataan ditentukan oleh parser.
Memiliki kebiasaan pengkodean yang baik, Anda harus mengakhiri;
Tipe data
Dalam JavaScript , sepotong informasi adalah nilai . Ada berbagai jenis nilai, dan tipe yang paling akrab dengan semua orang. Nilai string dikelilingi oleh
Satu atau lebih kata dalam kutipan.
Nomor nilai numerik apa pun. Angka bisa desimal atau tanpa 68.57
Karakter dalam tanda kutip string. Anda dapat menggunakan kutipan tunggal atau ganda "halo, dunia"
Boolean benar atau salah benar
Nilai yang tidak terdefinisi dan tidak terdefinisi menunjukkan bahwa variabel tidak mengandung nilai. Anda dapat menghapus variabel dengan mengatur nilai variabel ke nol.
Nilai apa pun yang terkait dengan suatu objek
Nilai yang dikembalikan oleh fungsi fungsi
1 var a; // A tidak terdefinisi2 var a = 6; // A adalah angka 3 var a = "jason"; // a adalah string
Apa itu fungsi?
Fungsi adalah seperangkat pernyataan JavaScript yang melakukan tugas tertentu.
Sintaks Dasar:
nama fungsi fungsi () {kode fungsi;}Nama fungsi ();
menjelaskan:
fungsi mendefinisikan kata kunci fungsi.
"Nama fungsi" Nama yang Anda berikan pada fungsi tersebut.
"Kode fungsi" diganti dengan kode yang melengkapi fungsi tertentu.
Panggilan fungsi "nama fungsi kedua"
1 fungsi add2 () {2 var sun = 3 + 2; 3 alert (sun); 4} 5 add2 (); // memanggil fungsi secara langsung menulis nama fungsi dan langsung muncul kode fungsi1 <input type = "tombol" value = "klik saya" onclick = "add2 ()" /> 2 <!-Setelah mengklik tombol, hubungi fungsi, OnClick adalah Klik Event->
Konten output (Document.write)
Document.write () Output konten langsung di halaman web.
Tipe pertama: Konten output terlampir dengan "" dan langsung mengeluarkan konten dalam tanda "".
Document.write ("I Love JavaScript!");Tipe Kedua: Konten Output melalui Variabel
var mystr = "hello world"; document.write (mysrt); // tulis nama variabel secara langsung dan output konten yang disimpan oleh variabel
Tipe ketiga: output beberapa konten, dan menghubungkannya dengan tanda +.
var mystr = "hello"; document.write (mystr + "i love java skrip"); // hubungkan beberapa item dengan + tanda
Jenis Keempat: Tag HTML Output dan Bekerja, dan tag dilampirkan dengan "".
var mystr = "hello"; document.write (mystr+"<br>"); // setelah output halo, output newline document.write ("javascript");Peringatan (Dialog Pesan Peringatan)
Saat kami mengunjungi situs web, kadang -kadang jendela kecil akan muncul dengan teks pesan di atasnya. Jika Anda tidak mengklik "OK", Anda tidak dapat melakukan apa -apa tentang halaman web
Cara beroperasi, jendela kecil ini diimplementasikan menggunakan peringatan.
Sintaks: peringatan (string atau variabel);
var mynum = 30; waspada ("halo!"); waspada (mynum);Hasil: Kotak pesan muncul secara berurutan (Kotak Dialog Peringatan Muncul Pesan berisi tombol OK)
Melihat:
1. Tidak ada operasi lain yang dapat dilakukan sebelum mengklik tombol "OK" di kotak dialog.
2. Kotak dialog pesan biasanya dapat digunakan untuk men -debug program.
3. Konten output peringatan, yang dapat berupa string atau variabel, mirip dengan Document.write
Konfirmasi Seleksi (Konfirmasi Dialog Pesan)
Selain memberikan informasi kepada pengguna, kami juga ingin mendapatkan informasi dari pengguna. Kotak dialog Konfirmasi Pesan digunakan di sini.
Kotak dialog Pesan Konfirmasi biasanya digunakan untuk memungkinkan pengguna membuat pilihan, seperti: "Apakah Anda benar?" dan sebagainya. Kotak dialog muncul (termasuk tombol OK dan tombol batal).
Sintaks: konfirmasi (str);
Parameter Deskripsi: Str: Teks yang akan ditampilkan di kotak dialog pesan Pengembalian: Nilai Boolean
Nilai pengembalian:
Kembalikan true saat pengguna mengklik tombol "OK"
Kembali ke false saat pengguna mengklik tombol "Batalkan"
Catatan: Nilai pengembalian dapat digunakan untuk menentukan tombol apa yang diklik pengguna.
<script type = "text/javascript"> var myMessage = konfirmasi ("Apakah Anda suka javascript?"); if (myMessage == true) {document.write ("Bagus, ayolah!"); } else {document.write ("js sangat kuat, Anda perlu belajar!"); } </script>Ajukan pertanyaan (dialog pesan cepat)
Terkadang, Anda tidak hanya ingin pengguna menjawab ya/tidak. Sebaliknya, diharapkan untuk respons yang lebih spesifik. Dalam hal ini, kita dapat menggunakan propt.
Kotak dialog Pop-up Pop-up Prompt, biasanya digunakan untuk meminta informasi yang perlu berinteraksi dengan pengguna. Kotak dialog pesan muncul (termasuk tombol OK, tombol batal dan kotak input teks).
tata bahasa:
prompt (str1, str2);
Deskripsi Parameter:
STR1: Teks yang akan ditampilkan di kotak dialog pesan tidak dapat dimodifikasi
STR2: Konten di kotak teks dapat dimodifikasi
Nilai pengembalian:
1. Klik tombol OK, dan konten di kotak teks akan mengembalikan nilai sebagai fungsi.
2. Klik tombol Batal untuk kembali ke NULL
fungsi rec () {var skor; // Variabel skor digunakan untuk menyimpan nilai skor yang dimasukkan oleh pengguna. skor = prompt ("Harap masukkan skor Anda", "90"); if (skor> = 90) {document.write ("Kamu hebat!"); } lain jika (skor> = 75) {document.write ("bagus!"); } lain jika (skor> = 60) {document.write ("Ayo!"); } else {document.write ("Work Hard!"); };}; <script> var myName = prompt ("Masukkan nama Anda"); if (myName! = null && myName! = "") {document.write ("sambut ke" + myName); } else {document.write ("sambut ke" + myName); } </script>Buka jendela baru (window.open)
tata bahasa:
window.open ([url], [nama jendela], [string parameter])
Deskripsi Parameter:
URL: Parameter opsional, URL atau jalur halaman web yang akan ditampilkan di jendela. Jika parameter ini dihilangkan, atau nilainya adalah string kosong, jendela tidak akan menampilkan dokumen apa pun.
Nama Jendela: Parameter opsional, nama jendela yang dibuka.
1. Nama tersebut terdiri dari huruf, angka, dan karakter yang digarisbawahi.
2. Nama jendela: Opsional, string ini adalah daftar fitur yang dipisahkan koma yang menyatakan nama jendela yang dibuka. Bisa
Itu adalah "_top", "_blank", "_self", "_parent" , dll.
_blank menampilkan halaman arahan di jendela baru
_Self menampilkan halaman web tujuan di jendela saat ini
_parent Frame Web Page Menampilkan Halaman Web Tujuan di seluruh posisi jendela saat ini
_top halaman web bingkai menampilkan halaman web tujuan di jendela atas
3. Hanya satu jendela dengan nama yang sama yang dapat dibuat, dan jika Anda ingin membuat beberapa jendela, namanya tidak bisa sama.
4. Nama tidak dapat berisi spasi.
Parameter String: Parameter opsional, atur parameter jendela, dan pisahkan setiap parameter dengan koma.
Tabel Parameter:
nomor nomor nomor jumlah piksel di bagian atas jendela meninggalkan bagian atas layar
Nomor kiri Jumlah piksel di ujung kiri jendela meninggalkan ujung kiri layar
Nomor Lebar Lebar jendela
tinggi nomor jendela
Menubar ya, tidak ada menu di jendela
Toolbar Ya, Tidak Apakah ada bilah alat di jendela
Scrollbar Ya, Tidak Apakah ada scrollbar di jendela
status ya, tidak apakah ada bilah status di jendela
<type skrip = "Text/JavaScript"> window.open ('http: //', '_ blank', 'width = 300, height = 200, menubar = tidak, toolbar = tidak, status = tidak, scrollbars = ya') </skrip>Tutup jendela (jendela.close)
tutup () tutup () tutup jendela
penggunaan:
1 window.close (); // Tutup jendela ini 2 <Window Object> .close (); // Tutup jendela yang ditentukan
Misalnya: Tutup jendela yang baru dibuat.
1 <script type = "text/javascript"> 2 var mywin = window.open ('// www.vevb.com'); // Menyimpan objek jendela yang baru dicetak dalam variabel mywin3 mywin.close (); 4 </script>Atribut InnerHTML
Atribut InnerHTML digunakan untuk mendapatkan atau mengganti konten elemen HTML .
tata bahasa:
Object.innerhtml
Objek adalah objek elemen yang diperoleh, seperti mendapatkan elemen melalui document.getElementById ("id").
<h2 id = "con"> javascript </h2>
<script type = "text/javascript"> var mychar = document.geteLementById ("con"); Document.write ("Judul Asli:"+mychar.innerHtml+"<br>"); // output konten tag H2 asli mychar.innerhtml = "hello world" document.write ("judul yang dimodifikasi:"+mychar.innerHtml); // output Konten tag H2 yang dimodifikasi </script>Ubah gaya HTML
tata bahasa:
Object.style.property = gaya baru;
Catatan: Objek adalah objek elemen yang diperoleh , seperti elemen yang diperoleh melalui document.geteLementById ("id")
<h2 id = "con"> Saya suka javascript </h2>
<script type = "text/javascript"> var mychar = document.geteLementById ("con"); mychar.style.color = "merah"; mychar.style.background = "#ccc"; mychar.style.width = "300px"; </script>Tampilkan dan Sembunyikan (Atribut Tampilan)
tata bahasa:
Object.style.display = nilai
Nilai:
tidak ada elemen ini yang tidak akan ditampilkan (dan disembunyikan)
Blokir elemen ini akan ditampilkan sebagai elemen tingkat blok (mis., Tampilan)
mychar.style.display = "block"
Nama kelas kontrol (Atribut ClassName)
Properti ClassName mengatur atau mengembalikan properti kelas elemen.
tata bahasa:
Object.className = className
memengaruhi:
1. Dapatkan atribut kelas elemen
2. Tetapkan gaya CSS ke elemen di halaman web untuk mengubah penampilan elemen
p2.classname = "dua";
Catatan studi dasar JavaScript di atas (yang harus dibaca untuk pemula) adalah semua konten yang dibagikan oleh editor. Saya harap ini dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.