Rumah >hujung hadapan web >tutorial js >Pengumpulan kemahiran snippets_javascript kod javascript biasa

Pengumpulan kemahiran snippets_javascript kod javascript biasa

WBOYasal: 2016-05-16 16:29:141397semak imbas

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 < 1000 || timeStamp == ' ') kembalikan "";

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: