Kaedah untuk menghantar parameter konfigurasi melalui kemahiran atribut_javascript tersuai skrip-tutorial js-php.cn

Kaedah untuk menghantar parameter konfigurasi melalui kemahiran atribut_javascript tersuai skrip

WBOY

Lepaskan： 2016-05-16 16:36:20

asal

1387 orang telah melayarinya

Saya baru sahaja memulakan kerjaya rasmi saya Dalam beberapa hari yang lalu, saya telah mengusahakan pengepala bersatu untuk syarikat, dan saya menghasilkan kaedah untuk menghantar parameter konfigurasi melalui atribut tersuai skrip.

Kadang-kadang kami menulis pemalam js Untuk menggunakan pemalam itu, kami perlu memperkenalkan pemalam JS dalam html dahulu, kemudian menambah teg skrip dan memanggilnya di dalamnya. Seperti pemalam menukar gambar. Kodnya kira-kira seperti berikut:

$.fn.picSwitch = function(option){
//这里是图片切换的代码
}

Salin selepas log masuk

Selepas memperkenalkan pemalam, anda perlu menambah kod panggilan dalam teg skrip lain

$('#pic').picSwitch({
'speed' : '400',
'derection' : 'left'
//... 这里是配置
})

Salin selepas log masuk

Sudah tentu tiada masalah dengan ini, tetapi kadangkala kami tidak mahu menambah lebih banyak teg skrip Jika kami hanya memperkenalkan teg skrip, apakah yang perlu kami lakukan dan bagaimana untuk lulus parameter konfigurasi?

Pada masa ini kami boleh menggunakan atribut tersuai pada skrip untuk menghantar parameter konfigurasi. Sebelum melakukan ini, pemalam penukaran imej mesti diproses terlebih dahulu. Kod yang diubah suai adalah seperti berikut:

$.fn.picSwitch = function(){
//这里是图片切换的代码
};

Salin selepas log masuk

//Selepas menulis pemalam, hubungi terus
$('Ini adalah pemilih, yang perlu diperolehi pada teg skrip').picSwitch('Berikut ialah parameter konfigurasi, yang perlu diperolehi pada teg skrip');

Langkah seterusnya ialah menggunakan skrip untuk menghantar parameter, dan merujuk pemalam js pada halaman html seperti berikut.

<head>
<script src='/script/picSwitch.js' id='picSwitch' obj='#pic' option='{"speed":"400","derection":"left"}'></script>
</head>
<body>
<div id="pic">
//这里是具体结构
</div>
</body>

Salin selepas log masuk

Akhir sekali ubah suai pemalam kepada:

$.fn.picSwitch = function(){
//这里是图片切换的代码

};

//写好插件后就直接调用
var script = $('#picSwitch')，//标签上的id
selector = script.attr('selector'),
option = JSON.parse(script.attr('option'));//标签上的是字符串需要转为json对象
$(selector).picSwitch(option);

Salin selepas log masuk

Dengan cara ini, hanya satu teg digunakan untuk melaksanakan fungsi Perubahan konfigurasi hanya memerlukan penukaran atribut tersuai.