Ich habe gerade meine offizielle Karriere begonnen und in den letzten Tagen einheitliche Überschrift JS für das Unternehmen gemacht. Ich habe eine Methode entwickelt, um Konfigurationsparameter über benutzerdefinierte Attribute von Skript zu übergeben.
Manchmal schreiben wir ein JS -Plugin. Um dieses Plugin zu verwenden, müssen wir zuerst das Plugin -JS in der HTML einführen und dann ein Skript -Tag hinzufügen und darin aufrufen. Wie ein Bildschalter -Plugin. Der Code ist ungefähr wie folgt:
$ .fn.picSwitch = function (Option) {// Hier ist der Code für die Bildschaltung}}Nachdem Sie dieses Plug-In eingeführt haben, müssen Sie den Anrufcode zu einem anderen Skript-Tag hinzufügen.
$ ('#pic').Natürlich gibt es kein Problem damit, aber manchmal möchten wir nicht mehr Skript -Tags hinzufügen. Wenn wir nur Skript -Tags einführen, wie können Sie Konfigurationsparameter übergeben?
Zu diesem Zeitpunkt können wir die benutzerdefinierten Eigenschaften des Skripts verwenden, um Konfigurationsparameter zu übergeben. Vorher müssen Sie zuerst das Image-Switching-Plug-In verarbeiten. Der geänderte Code lautet wie folgt:
$ .fn.picsSwitch = function () {// Hier ist der Code für Bildschaltung};// Rufen Sie das Plugin an, nachdem Sie es geschrieben haben, und rufen Sie es direkt an
$ ('Hier ist der Selektor, Sie müssen ihn auf das Skript -Tag erhalten.').
Geben Sie als Nächstes die Parameter auf Skript über und verweisen Sie auf das JS -Plugin wie folgt auf der HTML -Seite.
<head><script src='/script/picSwitch.js' id='picSwitch' obj='#pic' option='{"speed":"400","derection":"left"}'></script></head><body><div id="pic">//This is the specific structure</div></body>Ändern Sie schließlich das Plugin an:
$ .fn.picswitch = function () {// Dies ist der Code für Bildschaltung}; // Nach dem Schreiben des Plug-Ins rufen Sie var script = $ ('#picswitch'), // idselector auf tag = script.attr ('selektor'), option = json.parse (script.attr $ (Selector) .PICSwitch (Option);Auf diese Weise wird die Funktion mit nur einem Tag realisiert, und die Konfigurationsänderungen müssen nur die benutzerdefinierten Eigenschaften des Skripts ändern.