In diesem Artikel wird hauptsächlich eine kurze Einführung in den Datei -Import in HTML vorgestellt, einschließlich Laden von JQuery, Ausführungsreihenfolge nach dem Import usw. Freunde, die ihn benötigen, können sich darauf verweisen
Vorlage, Shadow DOM und benutzerdefinierte Elemente erleichtern es Ihnen, UI -Komponenten als zuvor zu erstellen. Ressourcen wie HTML, CSS und JavaScript müssen jedoch nacheinander geladen werden, was sehr ineffizient ist.
Es ist nicht einfach, doppelte Abhängigkeiten zu löschen. Wenn Sie beispielsweise JQuery UI oder Bootstrap laden, müssen Sie jetzt separate Tags für JavaScript, CSS und Web -Schriftarten hinzufügen. Wenn Ihre Webkomponenten mehrere Abhängigkeiten anwenden, werden die Dinge komplizierter.
Mit HTML -Import können Sie diese Ressourcen in einer fusionierten HTML -Datei laden.
Importieren mit HTML
Um eine HTML -Datei zu laden, müssen Sie ein Link -Tag hinzufügen, dessen REL -Attribut importiert wird, und das HERF -Attribut ist der Pfad zur HTML -Datei. Wenn Sie beispielsweise Komponenten.html in index.html laden möchten:
index.html
XML/HTML -Code -Inhalt in die Zwischenablage kopieren