Nota Asas JavaScript

Question

JavaScript / di dalam pelayar Enjin, seperti chrome menggunakan enjin v8

Kami menulis kod JS dalam HTML, kod JS dilaksanakan oleh enjin, dan hasil pelaksanaan adalah operasi DOM, iaitu kesan khas yang kami sering dilihat, seperti gambar terapung dan teks bertukar warna

Apabila penyemak imbas dilaksanakan, ia akan memaparkan kod HTML apabila ia menemuinya, dan mentafsir dan melaksanakannya apabila ia menemui js daripada halaman, js secara amnya ditulis pada penghujung, iaitu halaman dipaparkan dahulu, dan kemudian DOM dimanipulasi

2 Pembolehubah Isytiharkan

nama var = 'jquery';

Nota:

Kes yang ketat. -sensitif;

Nama pembolehubah: nombor, huruf, garis bawah Nombor tidak boleh digunakan sebagai permulaan nama pembolehubah juga boleh didahului dengan $ Mula (tidak disyorkan)

Tidak menggunakan var akan mencemarkan pembolehubah global

Menambah var bermaksud mengisytiharkan pembolehubah setempat di dalam fungsi dan menetapkan nilai Jika tidak, ia hanya proses tugasan, dan pembolehubah akan dicari di luar

Penyahpepijatan:

Console.log(); document.write(string);

alert(string);

3. Jenis pembolehubah

Tiga kategori utama (lapan jenis data)

- Jenis tradisional

Nombor (jenis angka)

 

  .                                            gunakan menggunakan menggunakan off menggunakan Through off off 's ‐ ‐ ‐ ‐ ‐ jenis komposit

hingga }

Tatasusunan (jenis tatasusunan)                                                                                                                                                                                                                                                Jenis definisi)

                                                                                                                                                                                                                                                                                                                Jika tiada nilai awal ditetapkan apabila pembolehubah diisytiharkan, jenis data pembolehubah tidak ditentukan.

Segmen kod yang boleh dilaksanakan berulang kali

1. Nama fungsi

- Nombor, huruf, garis bawah, nombor tidak boleh digunakan sebagai permulaan nama fungsi

- Nama fungsi hendaklah sebermakna mungkin. Adalah disyorkan untuk menggunakan peraturan penamaan kes unta untuk nama fungsi

2. Parameter (pilihan), fungsi boleh mempunyai sehingga 255 parameter

3. Badan fungsi .

4. Nilai pulangan (pilihan)

Pengisytiharan fungsi

1. nama fungsi fungsi ([parameter...]){

Badan fungsi;

Nilai pulangan;

}

.

= Fungsi baharu (Parameter ... fungsi badan);

1. Panggil nama fungsi secara terus dalam segmen kod

2. Panggil fungsi tersuai dalam bentuk hiperpautan ])'>Teks</a>

3. Panggil tersuai. fungsi dalam bentuk peristiwa pembolehubah yang diisytiharkan dalam badan fungsi ialah skop setempat

4. Operasi

dibahagikan mengikut fungsi operasi

- Pengkomputeran Aritmetik + - * / % ++ - + (positif) -(negatif)

-operasi logik (JS, operasi logik, nilai yang dikembalikan ialah nilai terawal yang boleh menilai hasil ungkapan) & && !

                                                                                  ...                                                                                                                                                                                                                                                                                                   .. Penyata cawangan

                                                                                                                                                                               

                                              

                                               

                                                                                                                                                                                                                                           not not not been” —                        Isi gelung tidak akan dilaksanakan jika syarat gelung tidak dipenuhi

7 objek terbina dalam

Segala-galanya dalam js boleh difahami sebagai objek Apabila kaedah dipanggil, ia dibungkus ke dalam objek pada masa itu

1. Object Declare

var o = new Object();

.

var o = {};

var o = {name:'tom',age:10}

2. Kaedah mengakses ahli dalam objek

Nama Objek (sifat dan kaedah) dalam objek

-. Objek rentetan

var s = new String();

var s = new String("hello");

var s = "hello";

Sifat dan kaedah

Sifat:

Panjang rentetan

Kaedah:

Objek.indeks (subrentetan)

Fungsi: Tentukan kedudukan di mana subrentetan mula-mula muncul dalam objek Dari 0 Mula

Kembali: kedudukan jika subrentetan tidak muncul , return -1.

Object.toUpperCase();

Fungsi: Tukar objek kepada huruf besar

Object.toLowerCase();

Fungsi: Tukar objek kepada huruf kecil

Object.substr(start )

Fungsi: Pintasan rentetan dari kedudukan permulaan

Parameter pilihan panjang tidak dipintas ke hujung rentetan secara lalai

Object.slice(start[,end])

Function. : Pintasan rentetan. Mulakan pintasan dari kedudukan mula dan pintasan sehingga kedudukan akhir Parameter pilihan akhir tidak memintas ke hujung rentetan secara lalai.

Object.replace(str1,str2)

- Array object

Deklarasi:

var a = new Array();

var a = [];

var a = new Array('team' ;

var a = ['pasukan',1...];

var a = new Array(7); //7 ialah panjang tatasusunan

Output tatasusunan:

document.write( nama tatasusunan ; :Sambungkan dua tatasusunan Objek.

Mengembalikan: susunan elemen dalam tatasusunan baharu bergantung pada susunan dua tatasusunan semasa menggabungkan objek.pop()

Fungsi: Pop elemen terakhir dalam objek tatasusunan.

Mengembalikan: elemen tatasusunan yang muncul (dipadamkan)

Objek tatasusunan.tolak (elemen tatasusunan)

Fungsi: Menambah elemen pada penghujung tatasusunan

Mengembalikan: panjang tatasusunan selepas elemen ditambahkan

Tatasusunan Object.shift()

Fungsi: Pop elemen dari kepala tatasusunan

Kembali: Elemen tatasusunan yang muncul.

Objek tatasusunan.unshift( nama elemen)

Fungsi: Tambah elemen pada kepala tatasusunan

Kembali: Panjang tatasusunan selepas elemen ditambahkan

Tatasusunan object.join(',')

Array object.split(. ',') Array object.reverse()

Array object.sort()

- Date object

var d = new Date()

Kaedah:

Object.getFullYear()

Function

: Dapatkan empat tahun -digit tahun

Objek. getMonth()

Fungsi: Dapatkan bulan , Bulan (0~11)

Object.getDate()

Fungsi: Dapatkan hari

Object.getHours(Objek). : Dapatkan jam

Object.getMinutes()

Fungsi: Dapatkan minit

Object.getSeconds()

Fungsi: Dapatkan nilai Object.getDay()

Fungsi: Dapatkan nilai minggu semasa (0 Ahad ~ 6 Sabtu)

- Objek matematik

Tiada instantiasi, bersamaan dengan panggilan statik melalui nama lokasi kelas dalam PHP

Nilai PI

Atribut:

:

Math.ceil (pembolehubah)

Fungsi: bulat ke atas

Math.floor (pembolehubah)

Fungsi: bulat ke bawah

Math.round (pembolehubah)

Math.floor (pembolehubah)

Fungsi: bulat ke bawah

Math.round (pembolehubah)

Fungsi Math.

Fungsi: Ambil nilai mutlak

Math.random()

Fungsi: Mengembalikan nilai pseudo-rawak yang lebih besar daripada atau sama dengan 0 dan kurang daripada 1 [0,1).

Math.max( Pembolehubah. .)

Fungsi: Mengembalikan pembolehubah yang lebih besar.

Math.min(Variable..)

Fungsi: Mengembalikan pembolehubah yang lebih kecil.

8. Objek tetingkap pelayar

Nota: Objek tetingkap ialah a objek hos pelayar dan tiada kaitan dengan bahasa JS

Kaedah objek tetingkap:

window.alert(message);

window.confirm(message);

window.prompt();

window. open();

window.close();

window.print();

window.setInterval();

window.setTimeout();

window.clearInterval();

.clearTimeout( ;

3.sejarah Sejarah

4.objek skrin skrin

5.objek dokumen (objek DOM)

API storan

s sessionStorage ( storan sesi) dan localStorage (storan tempatan) dua storan Objek untuk menambah, memadam, mengubah suai dan menanyakan data pada halaman web.

sessionStorage digunakan untuk menyimpan sementara data tetingkap yang sama (atau tab) Data akan dipadamkan selepas menutup tetingkap atau tab.

LocalStorage digunakan untuk menyimpan data keseluruhan laman web untuk masa yang lama Data yang disimpan tidak mempunyai masa tamat sehingga ia dikeluarkan secara manual.对 om 9.DOM Object Operation

DOM (Document Object Model Document Object Model)

Document HTML/XML

XML

Extensionable Markup Language

.

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         dikembalikan - document.getElementsByName (nama nilai atribut HTML tag)

Mengembalikan: tatasusunan objek

- document.getElementById (nilai atribut id teg HTML)

Mengembalikan: objek

- document.getElementsByClassName (nilai atribut kelas tag HTML)

objek.

Mengapa window.document boleh menghilangkan tetingkap sebelumnya?

Jawapan: Masih soal skop Jika anda tidak menemuinya di dalam, cari di lapisan luar Ada window.document secara global

Model Model

dianggap sebagai struktur pokok Nod adalah berkaitan Jika anda menemui salah satu nod, anda boleh menemui semua nod dalam struktur pokok kosong dan komen adalah kedua-dua nod;

       

H Nod objek.kanak-kanak atribut bukan standard, tetapi sangat serasi, tidak termasuk nod kosong

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  Nod anak terakhir

Nod adik beradik:

Objek nod.sebelumnyaSibling

                                                                                                                                                                                                                                                                 Objek nod. Adik beradik seterusnya                                                                        

                                                                                                                                             ‐ Kembali: Objek ¶ )

Fungsi: Tambahkan objek anak pada objek induk . .

Objek. Nama atribut

2. Pengubahsuaian atribut

Objek.Nama atribut = Nilai atribut

Teks

1. Membaca

Object.innerText

// AllsObject.inner codes

Object.innerText = Teks yang diubah suai

Object.innerHTML = Teks yang diubah suai

innerHTML menghuraikan tag HTML, innerText tidak menghuraikan tag HTML

Gaya

1 .Baca (kerana anda masih diikuti oleh objek gaya. perlu menggunakan . untuk terus mengakses, dan anda hanya boleh membaca nilai gaya dalaman, dan tidak boleh membaca nilai dalam <style>)

Nama objek

2. Ubah suai

Object.style .Nama atribut = nilai atribut;

Nama atribut Nota: warna latar belakang perlu mengalih keluar "-" dan menggunakan huruf besar pada perkataan seterusnya, iaitu nama atribut huruf kecil

3. Ubah suai gaya dalam kelompok

Object.className = nama gaya kelas

Dapatkan objek gaya semasa masa jalan:

Obj.currentStyle[attr] dan getComputedStyle(obj, null)[attr] digunakan untuk mendapatkan

Yang pertama hanya disokong oleh IE dan Opera, dan yang kedua juga disokong oleh penyemak imbas standard menggunakan IE9 dan ke atas ialah elemen pseudo

10 .Acara

1. Sumber acara

Semua tag HTML boleh dianggap sebagai sumber acara

2. Acara

Acara klik tetikus

dblclick klik tetikus

acara klik dua kali

Keluar dari dengan tetikus Y Papan kekunci papan kekunci terangkat

Papan kekunci kekunci Tekan papan kekunci tekan kekunci Tekan dokumen MUAT memuatkan dokumen

NYATKAN dokumen ditutup bahagian hadapan

Borang Fokus serah hantar (kepunyaan elemen borang kembali palsu menghalang penyerahan)

3. Pengendali Acara

- & lt; tag pada event = "Handler Event" & gt;

Pengendali acara boleh menjadi kod JavaScript atau automatik menentukan nama fungsi. operasi bermasa yang ditetapkan oleh kaedah setTimeout().

Parameter kaedah clearTimeout() mestilah nilai ID yang dikembalikan oleh setTimeout().

Nota: Untuk menggunakan kaedah clearTimeout(), gunakan pembolehubah global semasa mencipta dan melaksanakan operasi berjadual:

Pemasa yang melaksanakan setiap n saat

Kaedah setInterval() boleh digunakan mengikut tempoh yang ditentukan (dalam milisaat) untuk memanggil fungsi atau menilai ungkapan.

Kaedah setInterval() akan terus memanggil fungsi sehingga clearInterval() dipanggil atau tetingkap ditutup. Nilai ID yang dikembalikan oleh setInterval() boleh digunakan sebagai hujah kepada kaedah clearInterval().

Petua: 1000 milisaat = 1 saat.

Petua: Jika anda hanya mahu melaksanakannya sekali, anda boleh menggunakan kaedah setTimeout().