Daha
Bir HTML dosyasına başka bir HTML dosyası ekleme
2 HTML dosyam var, diyelim ki a.html
ve b.html
. a.htmldosyasına
b.html` dosyasını dahil etmek istiyorum.
JSF'de bunu böyle yapabilirim:
<ui:include src="b.xhtml" />
Bu, a.xhtml
dosyasının içine b.xhtml
dosyasını dahil edebileceğim anlamına gelir.
Bunu *.html
dosyasında nasıl yapabiliriz?
586
3
Bence en iyi çözüm jQuery kullanmaktır:
a.html
:b.html
:Bu yöntem benim sorunum için basit ve temiz bir çözüm.
jQuery
.load()
dokümantasyonu burada yer almaktadır.Benim çözümüm yukarıdaki lolo'in çözümüne benziyor. Ancak, HTML kodunu jQuery kullanmak yerine JavaScript'in document.write komutu ile ekliyorum:
a.html:
b.js:
JQuery kullanmama nedenim, jQuery.js'nin ~90kb boyutunda olması ve yüklenecek veri miktarını olabildiğince küçük tutmak istemem.
Fazla uğraşmadan düzgün bir şekilde kaçmış JavaScript dosyasını elde etmek için aşağıdaki sed komutunu kullanabilirsiniz:
Ya da Github'da Gist olarak yayınlanan ve
b.html
dosyasınıb.js
dosyasına dönüştürerek gerekli tüm işleri otomatikleştiren aşağıdaki kullanışlı bash betiğini kullanın: https://gist.github.com/Tafkadasoh/334881e18cbb7fc2a5c033bfa03f6ee6Orijinal sed komutumun dikkate almadığı eğik çizgileri ve tek tırnakları da önleyen geliştirilmiş sed komutu için Greg Minshall'a teşekkür ederiz.
Alternatif olarak template literals destekleyen tarayıcılar için aşağıdaki de çalışır:
b.js:
Alternatif olarak, sunucunuzdaki .htaccess dosyasına erişiminiz varsa, php'nin .html uzantısıyla biten dosyalarda yorumlanmasına izin verecek basit bir yönerge ekleyebilirsiniz.
Artık aşağıdaki gibi diğer dosyaları dahil etmek için basit bir php betiği kullanabilirsiniz: