HTML-Dokument mit HTML-Link rel importieren

8

Ich versuche, ein HTML-Dokument mit

in mein Hauptdokument zu importieren %Vor%

aber es scheint nicht zu funktionieren.

Ich folge dieser Präsentation mit Chrome 28 und habe diese aktiviert zwei Flags in about:flags :

%Vor%

Vermisse ich etwas? Oder gibt es eine andere Flagge, die ich aktivieren muss, um es zu bekommen?

    
Konga Raju 12.07.2013, 10:04
quelle

4 Antworten

8

HTML-Imports funktionieren nur nativ in Chrome Canary (und selbst dort sind sie nur halbbacken ). Für diese Präsentation verwendet Eric ein Projekt namens Polymer , das unter anderem eine Polyfill für HTML-Importe bietet. Schau es dir an!

Update: Die aktuelle teilweise Implementierung von HTML-Importen ist in Chrome Canary nicht verfügbar. Ihr Flag ist so eingestellt, dass es nur für Tests aktiviert wird ( nicht baut). Es ist noch nicht einmal eine Option in about:flags .

Erneut aktualisieren: Jetzt gibt es ein Flag in about:flags . Es heißt Enable HTML Imports . Ich bin mir nicht sicher, wann genau es dazu kam. Ich habe es in Chrome 32.0.1671.3 Entwickler unter Linux.

    
CletusW 12.07.2013 20:57
quelle
1

Ich dachte nur, ich würde hinzufügen, dass dies auch in Firefox nicht implementiert ist, es wird gerade verfolgt Ссылка

Kurzfristig müssen Sie das Polymer-Polyfill verwenden, das die meisten Browser abdeckt:

%Vor%     
Doug 02.07.2014 06:12
quelle
1
___ answer3395878 ___

Wird immer noch nicht von iOS und Android unterstützt, immer noch nicht von Firefox (Stand: Oktober 2015).

    
___ qstnhdr ___ HTML-Dokument mit HTML-Link rel importieren ___ answer24524058 ___

Ich dachte nur, ich würde hinzufügen, dass dies auch in Firefox nicht implementiert ist, es wird gerade verfolgt Ссылка

Kurzfristig müssen Sie das Polymer-Polyfill verwenden, das die meisten Browser abdeckt:

%Vor%     
___ tag123javascript ___ JavaScript (nicht zu verwechseln mit Java) ist eine dynamische Sprache mit mehreren Paradigmen auf hoher Ebene, die sowohl für das clientseitige als auch für das serverseitige Scripting verwendet wird. Verwenden Sie dieses Tag für Fragen zu ECMAScript und seinen verschiedenen Dialekten / Implementierungen (außer ActionScript und Google-Apps-Script). ___ qstntxt ___

Ich versuche, ein HTML-Dokument mit

in mein Hauptdokument zu importieren %Vor%

aber es scheint nicht zu funktionieren.

Ich folge dieser Präsentation mit Chrome 28 und habe diese aktiviert zwei Flags in %code% :

%Vor%

Vermisse ich etwas? Oder gibt es eine andere Flagge, die ich aktivieren muss, um es zu bekommen?

    
___ tag123webcomponent ___ Native Webkomponenten sind wiederverwendbare clientseitige Elemente, die mit nativen HTML-Vorlagen, benutzerdefinierten Elementen und Shadow-DOM erstellt wurden, ohne dass Komponentenbibliotheken von Drittanbietern erforderlich sind. ___ answer17623912 ___

HTML-Imports funktionieren nur nativ in Chrome Canary (und selbst dort sind sie nur halbbacken ). Für diese Präsentation verwendet Eric ein Projekt namens Polymer , das unter anderem eine Polyfill für HTML-Importe bietet. Schau es dir an!

Update: Die aktuelle teilweise Implementierung von HTML-Importen ist in Chrome Canary nicht verfügbar. Ihr Flag ist so eingestellt, dass es nur für Tests aktiviert wird ( nicht baut). Es ist noch nicht einmal eine Option in %code% .

Erneut aktualisieren: Jetzt gibt es ein Flag in %code% . Es heißt %code% . Ich bin mir nicht sicher, wann genau es dazu kam. Ich habe es in Chrome 32.0.1671.3 Entwickler unter Linux.

    
___ answer26144812 ___

HTML Imports wurde in einigen modernen Browsern gelandet. Also, wenn Sie moderne Technologie implementieren möchten, dann können Sie es tun, indem Sie nur einige Zeilen Code schreiben:

%Vor%

%code% und %code% dienen zum Protokollieren des Status der Seite. (Wenn die Import-Seite geladen wurde oder nicht.)
Ich habe meine Import-Seite ( %code% ) in das %code% -Tag eingeschlossen, um sie in einer Javascript-Variable zu klonen.

import.html:

%Vor%

Sie müssen Javascript verwenden, um die importierte Seite zu verwenden

%Vor%

Die Variable %code% wird verwendet, um das Importelement zu erhalten.
Die Variable %code% wird verwendet, um %code% von %code% zu beziehen.
Die Variable %code% wird verwendet, um den Inhalt von %code% in %code% abzurufen.
Dann versuche ich, den Inhalt an eine ID eines %code% anzuhängen.
%code% und %code% wird verwendet, um den Status der Import-Seite über die Konsole zu melden, die in vielen Browsern %code% angezeigt werden sollte.
Ich habe hier einen Artikel geschrieben.
Und ein Repository in Github unter github.com/krman009/html-imports erstellt.
html5rocks article .
Ich wünsche, dass dir das hilft.

    
___ tag123html5 ___ HTML5 (Hyper Text Markup Language, Version 5) ist ein Überbegriff für aktuelle Webtechnologien. Es ist auch die neueste Version von HTML. Im Oktober 2014 wurde es zu einer W3C-Empfehlung, die neue Elemente und APIs einführte. ___
Mosca Pt 18.10.2015 08:34
quelle
-1

HTML Imports wurde in einigen modernen Browsern gelandet. Also, wenn Sie moderne Technologie implementieren möchten, dann können Sie es tun, indem Sie nur einige Zeilen Code schreiben:

%Vor%

onload und onerror dienen zum Protokollieren des Status der Seite. (Wenn die Import-Seite geladen wurde oder nicht.)
Ich habe meine Import-Seite ( import.html ) in das <template> -Tag eingeschlossen, um sie in einer Javascript-Variable zu klonen.

import.html:

%Vor%

Sie müssen Javascript verwenden, um die importierte Seite zu verwenden

%Vor%

Die Variable link wird verwendet, um das Importelement zu erhalten.
Die Variable template wird verwendet, um <template> von import.html zu beziehen.
Die Variable clone wird verwendet, um den Inhalt von <template> in import.html abzurufen.
Dann versuche ich, den Inhalt an eine ID eines <div> anzuhängen.
handleLoad und handleError wird verwendet, um den Status der Import-Seite über die Konsole zu melden, die in vielen Browsern DevTools angezeigt werden sollte.
Ich habe hier einen Artikel geschrieben.
Und ein Repository in Github unter github.com/krman009/html-imports erstellt.
html5rocks article .
Ich wünsche, dass dir das hilft.

    
Kaushalya 01.10.2014 15:23
quelle

Tags und Links