Rumah > Artikel > hujung hadapan web > Kaedah untuk menghantar parameter konfigurasi melalui kemahiran atribut_javascript tersuai skrip

Kaedah untuk menghantar parameter konfigurasi melalui kemahiran atribut_javascript tersuai skrip

WBOYasal: 2016-05-16 16:36:201384semak imbas

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){
//这里是图片切换的代码
}

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

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

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(){
//这里是图片切换的代码
};

//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>

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);

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

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Penyelesaian kepada ralat apabila mengubah suai atribut jenis input di bawah kemahiran IE8_javascriptArtikel seterusnya：Penyelesaian kepada ralat apabila mengubah suai atribut jenis input di bawah kemahiran IE8_javascript

Artikel berkaitan

Lihat lagi