вноса HTML5 вграждането на HTML файл в друг HTML-файл

HTML5 Внос: вграждане на HTML файл в друг HTML-файл

Вграждане на HTML-файл в друг HTML-файл

Подкрепа браузър

За съжаление, подкрепа за HTML5 Внос браузъри все още са много ограничени. Изпълнението на тази нова и вълнуваща технология бе демонстрирана за първи път в 31-та версия на Google Chrome, в тази версия, че е необходимо да се включи в HTML5 Вносът ръчно. За да направите това, вие трябва да отворите Chrome: // знамена (възможно е експериментален Chrome), включете флага "Enable HTML Внос". и след това рестартирайте браузъра.

Но сега ще бъда много щастлив да знаете, че Chrome 36 има поддръжка за HTML5 Внос. Това означава, че вече няма нужда да се притеснявате за това как да активирате тази функция ръчно.

В допълнение, за да се определи дали подкрепата на браузъра за HTML5 Вносът или не, можете да използвате по-долу:

ако # 40; "Внос" в документ. createElement # 40; "Линк" # 41; # 41; # 123;
// Това браузър поддържа HTML5 Внос.
# 125;

За други браузъри, които не поддържат HTML5 Внос, можете да използвате Polyfill на полимерите.

Използване на HTML5 Вносът

Той използва HTML5 Вносът елемент . да укажете пътя до който искате да качите файла, както и внасяме скриптове и стилове в HTML-документа.

По отношение на вноса, всичко, което трябва да направите е да се замени стойността на атрибута отн до "внос". Когато зададете атрибут отн = "внос". Това казва на браузъра, който искате да импортирате даден файл в документа.

Забележка: Ако искате да изтеглите HTML-документ с различен домейн, трябва да се уверите, че вносът е позволено CORS.

Първи съдържание

Var док = документ. querySelector # 40; "Линк [относителна =" внос "]" # 41. внос;

Той ще вземе цялото съдържание doc.html файл, който внасяме в нашата уеб страница. Имоти внос връзка елемент е нула. ако:

• изключени Ресурсни CORS.
• Той има относителна = "внос".
• HTML5 Внос, който не се поддържа от вашия браузър.
• на елемент Той бе отстранен от DOM, или не е била добавена към DOM.

Да предположим, doc.html съдържа:

заключение

Благодарение на HTML5 Внос можете да създадете за многократна употреба, произведения на код, който можете да добавите един прост ред код, т.е. . Това е изключително мощна технология напълно ще промени света на уеб разработки в бъдеще.