Acabo de comenzar mi carrera oficial y he estado haciendo JS titular unificado para la compañía en los últimos días. He creado un método para pasar los parámetros de configuración a través de atributos personalizados de script.
A veces escribimos un complemento JS. Para usar este complemento, primero debemos introducir el complemento JS en el HTML, y luego agregar una etiqueta de script y llamarlo. Como un complemento de interruptor de imagen. El código es más o menos como sigue:
$ .fn.picswitch = function (opción) {// Aquí está el código para la conmutación de imágenes}Después de presentar este complemento, debe agregar el código de llamada a otra etiqueta de script.
$ ('#pic'). Picswitch ({'Speed': '400', 'Derección': 'izquierda' // ... Aquí está la configuración})Por supuesto, no hay problema con esto, pero a veces no queremos agregar más etiquetas de script. Si solo presentamos etiquetas de script, ¿cómo pasar los parámetros de configuración?
En este momento, podemos usar las propiedades personalizadas en el script para pasar los parámetros de configuración. Antes de esto, primero debe procesar el complemento de conmutación de imagen. El código modificado es el siguiente:
$ .fn.picswitch = function () {// Aquí está el código para la conmutación de imágenes};// Llame al complemento después de escribirlo y llamarlo directamente
$ ('Aquí está el selector, debe obtenerlo en la etiqueta de script'). Picswitch ('Aquí está el parámetro de configuración, debe obtenerlo en la etiqueta de script');
A continuación, pase los parámetros en el script y haga referencia al complemento JS de la siguiente manera en la página HTML.
<HEAD> <script src = '/script/picswitch.js' id = 'Picswitch' obj = '#pic' option = '{"velocidad": "400", "derección": "izquierda"}'> </script> </bead> <body> <viD = "pic"> // Esta es la estructura específica </div> </body>Finalmente, modifique el complemento a:
$ .fn.picswitch = function () {// Este es el código para la conmutación de imagen}; // Después de escribir el complemento, llamar var script = $ ('#picswitch'), // idelector $ (selector) .picswitch (opción);De esta manera, la función se realiza con una sola etiqueta, y los cambios de configuración solo requieren cambiar las propiedades personalizadas de script.