Pengumpulan kemahiran snippets_javascript kod javascript biasa

1.json ke rentetan

Salin kod Kod adalah seperti berikut:

fungsi json2str(o) {
var arr = [];
var fmt = fungsi (s) {
Jika (jenis s == 'objek' && s != null) kembalikan json2str(s);
           kembalikan /^(rentetan|nombor)$/.test(jenis s) ? };
untuk (var i dalam o) arr.push("'" i "':" fmt(o[i]));
Kembalikan '{' arr.join(',') '}';
}

2. Tukar cap masa kepada Tarikh

Salin kod Kod adalah seperti berikut:

fungsi dariUnixTime(timeStamp) {
Jika (!timeStamp || timeStamp var theDate = new Date(parseInt(timeStamp) * 1000);
Kembalikan Tarikh;
}

3.Format data

Salin kod Kod adalah seperti berikut:

// Pengarang: meizz
// Sambungan Tarikh, tukar Tarikh kepada Rentetan dalam format yang ditentukan
// Bulan (M), hari (d), jam (j), minit (m), saat (s), suku (q) boleh menggunakan 1-2 ruang letak,
// Tahun (y) boleh menggunakan 1-4 ruang letak, milisaat (S) hanya boleh menggunakan 1 ruang letak (bilangan 1-3 digit)
// Contoh:
// (New Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2012-12-02 08:12:04.423
// (Tarikh baharu()).Format("yyyy-M-d h:m:s.S") ==> 2012-12-02 8:12:4.18
Date.prototype.Format = function(fmt) {
var o = {
"M ": this.getMonth() 1, //Bulan
"d ": this.getDate(),                                                                                                                                                                                                                                                                                                                            . "h ": this.getHours(), //Jam
"m ": this.getMinutes(), //Minit
"s ": this.getSeconds(), //saat
"q ": Math.floor((this.getMonth() 3) / 3), //Suku
"S": this.getMillisaat() //Millisaat
};
Jika (/(y)/.test(fmt))
             fmt = fmt.replace(RegExp.$1, (this.getFullYear() "").substr(4 - RegExp.$1.length));
untuk (var k in o)
Jika (RegExp("(" k ")" baharu.test(fmt))
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" o[k]).substr(("" o[k]). panjang)));
Kembali fmt;
};

4. Tambahkan n hari pada tarikh

Salin kod Kod adalah seperti berikut:

fungsi addDay(nombor) {

          kembali dari UnixTime(new Date().getTime() / 1000 24 * 60 * 60 * number);
}

5 Apabila menggunakan iframe, saling memanggil antara borang induk dan bentuk anak

Salin kod Kod adalah seperti berikut:

//Borang induk memanggil fungsi dalam bentuk anak
window.frames['ifm_id'].valueChange("id_101");
//Borang anak memanggil fungsi bentuk induk
parent.refreshTree("nodeId_202");

6. Borang timbul dan nilai pulangan

Salin kod Kod adalah seperti berikut:

// Borang timbul
var url = "
http://www.baidu.com"; win=window.showModalDialog(url,window,"dialogLeft:400;dialogTop:200;dialogWidth:560px;dialogHeight:380px;scroll:yes;menubar:no;toolbar:no;status:no;"); // Tetapkan nilai pulangan dalam borang pop timbul var result = new Array(); hasil[0] = "id_101"; hasil[1] = "nama_202";
window.returnValue = hasil
window.close();



7. Skop JavaScript [hanya skop global dan skop fungsi, JavaScript tidak mempunyai skop blok]

Salin kod

Kod adalah seperti berikut: // 1. Skop global var id = "pembolehubah global"; // 1.1 Pembolehubah yang ditakrifkan di luar fungsi function showMsg(){ 

​​message = "mesej global";// 1.2 Pembolehubah tidak ditentukan tetapi diperuntukkan secara langsung

// Ia ditakrifkan sebagai pembolehubah global dalam penggunaan pertama
}
// 2. Skop fungsi
fungsi doCheck(){
var data = "data fungsi";// 2.1 Pembolehubah ditakrifkan di dalam fungsi
}



8. Mekanisme pewarisan JavaScript

Salin kod

Kod adalah seperti berikut:

// 1. Objek berpura-pura menjadi warisan
fungsi Orang(strName){
// medan peribadi
var name = strName;
// kaedah awam
This.getName = function(){
          mengembalikan nama;                                 };  
}
function Pelajar(strName,strSchool){
// Tentukan atribut dan kaedah kelas induk
This.parent = Orang
This.parent(strName);
Padam this.parent; // Padam induk pembolehubah sementara
// Tentukan sifat dan kaedah baharu
// medan peribadi
var school = strSchool
// kaedah awam
This.getSchool = function(){
          balik sekolah;                              };  
}
// 2. Panggil(..) atau gunakan(..) warisan objek Fungsi
// Perbezaan antara panggilan dan permohonan ialah:
// Parameter panggilan kedua ialah parameter pembolehubah
// Parameter kedua permohonan ialah Array; function Animal(strName,intAge){
// medan peribadi
var name = strName;
var umur = intAge; // kaedah awam
This.getName = function(){
          mengembalikan nama;                                 };  
This.getAge = function(){
Kembali umur; };
}
fungsi Cat(strName,intAge,strColor){
// Tentukan atribut dan kaedah kelas induk
Animal.call(this,strName,intAge);
// Animal.apply(this,new Array(strName,intAge));
// Tentukan sifat dan kaedah baharu
// medan peribadi
var color = strColor; // kaedah awam
This.getInfo = function(){
          kembalikan "nama:" this.getName() "n"
"umur:" this.getAge() "n"
"warna:" warna; };
}
// 3. warisan prototaip
// Sifat dan kaedah yang diisytiharkan oleh prototaip dikongsi oleh semua objek
// prototaip hanya digunakan apabila membaca sifat
Function.prototype.extend = function(superClass){
// F di sini adalah untuk menghalang subkelas daripada mengakses sifat dalam kelas induk this.xxx
Fungsi F(){}; F.prototaip = superClass.prototype; // Pembina kelas ibu bapa
This.superConstructor = superClass
This.superClass = superClass.prototype; This.prototype = F();
This.prototype.constructor = ini
};
Function.prototype.mixin = function(props){ 
untuk (var p dalam prop){                               This.prototype[p] = props[p]; This.prototype[p] = props[p]; }  
};
fungsi Box(){}
Box.prototype = { 
GetText : function(){
           kembalikan this.text;                                     },
setText : fungsi(teks){
This.text = teks
}  
};
fungsi Kotak Semak(){}
CheckBox.extend(Box);
CheckBox.mixin({
isChecked : function(){
          kembalikan this.checked;                                 },
setChecked : fungsi(ditanda){
This.checked = ditandakan; }  
});

9. panggil, mohon & ikat

Salin kod Kod adalah seperti berikut:

// thisArg mewakili objek yang ditunjukkan oleh ini apabila dalam keseronokan

// panggil & mohon akan melaksanakan keseronokan serta-merta dan mengembalikan hasilnya
var result = fun.call(thisArg,arg1,...); var result = fun.apply(thisArg,[argsArray]); // thisArg mewakili objek yang ditunjukkan oleh ini apabila dalam keseronokan
// bind mengembalikan fungsi tanpa nama
var tmpfun = fun.bind(thisArg); var result = tmpfun(arg1,...);

Salin kod

Kod adalah seperti berikut: * Lanjutkan fungsi Fungsi ,*/ Function.prototype.bind = function(obj){

kaedah var = ini; var tmpfun = function(){

         kaedah pulangkan.apply(obj,arguments); };
Kembalikan tmpfun
}
fungsi Induk(){
This.name = "ibu bapa"; }
fungsi Kanak-kanak(){
This.name = "anak"; This.getName = fungsi(masa){
         masa balik " " this.name;
};
}
var parent = new Induk(); var child = new Child(); alert(child.getName(1)); // tunjukkan 1 anak
alert(child.getName.call(parent,2)); // tunjukkan 2 ibu bapa [panggilan & mohon akan dilaksanakan serta-merta]
var tmpfun = child.getName.bind(parent); // bind tidak akan dilaksanakan serta-merta
makluman(tmpfun(3)); 


10. js "=" Operator





Salin kod


Kod adalah seperti berikut:


Peraturan Penukaran

Jika operan ialah nilai Boolean, ia ditukar kepada nombor sebelum perbandingan: salah -> Jika satu operan ialah nombor dan satu lagi operan ialah rentetan, tukar rentetan itu kepada nombor sebelum perbandingan; Jika satu operan ialah objek dan satu lagi operan ialah nombor atau rentetan, objek itu akan ditukar kepada jenis asas sebelum perbandingan, Enjin akan cuba memanggil valueOf() dahulu jika valueOf() tidak mengatasi atau mengembalikan objek,

       Enjin akan cuba memanggil toString() Jika toString() tidak mengatasi atau mengembalikan objek, pengecualian akan dilemparkan; Jika dua objek dibandingkan, tentukan sama ada ia merujuk kepada objek yang sama; Jika operan ialah NaN, == akan mengembalikan palsu, != akan mengembalikan benar; Membandingkan null dan undefined dengan nilai lain akan mengembalikan palsu,

Tetapi null == null, undefined == undefined, null == undefined

Apabila mengambil bahagian dalam perbandingan, null dan undefined tidak boleh ditukar kepada nilai lain;