Ve výchozím nastavení HTML neposkytuje možnost zahrnout kód na straně klienta z jiných souborů. Obvykle je dobrým zvykem v každém programovacím jazyce distribuovat funkce napříč různými soubory pro libovolnou aplikaci.
Například pokud jste měli logiku pro číselné operace, měli byste normálně chtít mít tuto funkci definovanou v jednom samostatném souboru. Tento samostatný soubor by pak mohl být znovu použit ve více aplikacích pouhým zahrnutím tohoto souboru.
Toto je obvykle koncept příkazů Include, které jsou k dispozici v programovacích jazycích, jako jsou .Net a Java.
Tento výukový program se zabývá dalšími způsoby, jak lze soubory (soubory, které obsahují externí kód HTML) zahrnout do hlavního souboru HTML.
V tomto výukovém programu se naučíte
- Na straně klienta je zahrnuto
- Zahrnuje stranu serveru
- Jak zahrnout soubor HTML do AngularJS
Na straně klienta je zahrnuto
Jedním z nejběžnějších způsobů je zahrnout HTML kód pomocí Javascript. JavaScript je programovací jazyk, který lze použít k okamžité manipulaci s obsahem stránky HTML. Javascript lze tedy také použít k zahrnutí kódu z jiných souborů.
Níže uvedené kroky ukazují, jak toho lze dosáhnout.
Krok 1) Definujte soubor s názvem Sub.html a přidejte do něj následující kód.
Toto je zahrnutý soubor
Krok 2) Vytvořte soubor s názvem Sample.html, který je vaším hlavním souborem aplikace, a přidejte níže uvedený fragment kódu.
Níže jsou uvedeny hlavní aspekty týkající se níže uvedeného kódu,
- Ve značce body je značka div, která má ID obsahu. Na toto místo bude vložen kód z externího souboru „Sub.html“.
- Existuje odkaz na skript jquery. JQuery je skriptovací jazyk postavený na Javascript, který ještě více usnadňuje manipulaci s DOM.
- Ve funkci Javascript je prohlášení '$ ("# Content"). Load ("Sub.html");' což způsobí, že kód v souboru Sub.html bude vložen do značky div, která má ID obsahu.