HTML5 import beágyazó html-fájlt egy másik html-fájl
HTML5 Import: embed HTML-fájlt egy másik HTML-fájl
Beágyazása HTML-fájlt egy másik HTML-fájl
böngésző támogatása
Sajnos, HTML5-támogatás importálja böngészők továbbra is korlátozott. Végrehajtása az új és izgalmas technológiát először bizonyította a 31 th verzió a Google Chrome-ot, ez a verzió volt szükséges a HTML5 Import kézzel. Ehhez meg kellett nyitni a chrome: // flags (kísérleti Chrome lehet), viszont a zászló „Enable HTML Import”. majd indítsa újra a Chrome-ot.
De most akkor nagyon boldog, hogy tudja, hogy a Chrome 36 támogatja a HTML5 behozatal. Ez azt jelenti, hogy már nem kell aggódnia, hogy aktiválja ezt a funkciót manuálisan.
Ezen túlmenően, annak megállapítására, hogy a böngésző támogatja a HTML5 behozatal vagy sem, akkor a következők:
ha # 40; „Import” dokumentumban. createElement # 40; "Link" # 41; # 41; # 123;
// Ez a böngésző támogatja a HTML5 behozatal.
# 125;
Más böngészők, amelyek nem támogatják a HTML5 behozatal, akkor a polimer Polyfill.
HTML5 behozatal
Ez használ HTML5 Import elem . adja meg a fájl elérési útját a feltölteni kívánt, valamint mi import szkriptek és stíluslapok a HTML-dokumentum.
Az import, az csak annyit kell tennie, hogy cserélje ki az értéket a rel attribútum „import”. Ha beállítja a rel = „import”. Ez azt mondja a böngészőnek, hogy az importálni kívánt fájlt a megadott dokumentumban.
Megjegyzés: Ha azt szeretné, hogy töltse le a HTML-dokumentum egy másik domain, meg kell győződnie arról, hogy az import engedélyezett CORS.
Első tartalom
var doc = dokumentumot. querySelector # 40; 'Link [rel = "import"]' # 41;. import;
Ő megragad a teljes tartalom doc.html fájlt, amit importálni honlapunkon. Az ingatlan import link elem nulla. ha:
- Resource CORS tiltva.
- Ez rel = "import".
- HTML5 behozatal nem támogatja a böngésző.
- elem Ez eltávolítjuk a DOM, vagy nem lett hozzáadva a DOM.
Tételezzük fel, doc.html tartalmazza:
következtetés
Hála HTML5 importálja hozhat létre újrafelhasználható darab kódot, amit felvehet egy egyszerű sor kódot, azaz a . Ez egy rendkívül hatékony technológia teljesen megváltoztatni a világot a webes fejlesztés a jövőben.