Saya baru saja memulai karir resmi saya dan telah melakukan js js yang bersatu untuk perusahaan dalam beberapa hari terakhir. Saya telah membuat metode untuk melewati parameter konfigurasi melalui atribut kustom skrip.
Terkadang kami menulis plugin JS. Untuk menggunakan plugin ini, pertama -tama kita perlu memperkenalkan plugin JS di HTML, dan kemudian menambahkan tag skrip dan memanggilnya di dalamnya. Seperti plugin sakelar gambar. Kode ini kira -kira sebagai berikut:
$ .fn.picswitch = function (opsi) {// Berikut ini kode untuk switching gambar}Setelah memperkenalkan plug-in ini, Anda perlu menambahkan kode panggilan ke tag skrip lain.
$ ('#pic'). picswitch ({'speed': '400', 'Derection': 'Left' // ... inilah konfigurasi})Tentu saja tidak ada masalah dengan ini, tetapi kadang -kadang kami tidak ingin menambahkan lebih banyak tag skrip. Jika kita hanya memperkenalkan tag skrip, cara meneruskan parameter konfigurasi?
Pada saat ini, kita dapat menggunakan properti khusus pada skrip untuk lulus parameter konfigurasi. Sebelum ini, Anda harus terlebih dahulu memproses plug-in switching gambar. Kode yang dimodifikasi adalah sebagai berikut:
$ .fn.picswitch = function () {// Berikut ini kode untuk switching gambar};// hubungi plugin setelah menulisnya dan panggil secara langsung
$ ('Ini adalah pemilih, Anda perlu mendapatkannya di tag skrip'). Picswitch ('Ini adalah parameter konfigurasi, Anda perlu mendapatkannya pada tag skrip');
Selanjutnya, berikan parameter pada skrip, dan referensi plugin JS sebagai berikut pada halaman HTML.
<head> <script src = '/script/picswitch.js' id = 'picswitch' obj = '#pic' opsi = '{"speed": "400", "Derection": "Left"}'> </Script> </head> <div id = "pic"> ini adalah struktur spesifik </div> </head> <body> <v id = "pic"/ini adalah struktur spesifik </div> </head> </body>Akhirnya, ubah plugin menjadi:
$ .fn.picswitch = function () {// Ini adalah kode untuk switching gambar}; // Setelah menulis plug-in, hubungi var skrip = $ ('#picswitch'), // idSelector pada tag = skrip.attr ('selector'), opsi = json.parse (script.attr ('opsi a neques ke tag ke dalam tag ke dalam tag ke dalam nequining ke dalam tag ke dalam tag ke incon (' script. $ (pemilih) .picswitch (opsi);Dengan cara ini, fungsi diwujudkan dengan hanya satu tag, dan perubahan konfigurasi hanya perlu mengubah properti kustom skrip.