Мое веб-приложение перемещается по нескольким html страницам. Вместо того, чтобы однозначно определять заголовок для каждого файла, то есть каждый раз вводить:
<head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="/css/interface.css"></link> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://kit.fontawesome.com/6873aa3c17.js" crossorigin="anonymous"></script> ... </head>
, могу ли я программно загружать все эти сценарии во все файлы HTML? (JQuery и ваниль приемлемы)
Один из способов, который я попробовал, заключался в создании include.js, который был бы загруженным скриптом в каждой голове со следующим содержанием:
include.js
[ 'https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js', 'https://kit.fontawesome.com/6873aa3c17.js' ].forEach(function(src) { var script = document.createElement('script'); script.src = src; document.head.appendChild(script); });
(И, вероятно, аналогичное решение для ссылок) но это не сработало
Заранее спасибо
Если ваш веб-сайт является статичным c HTML сайтом без серверной логики c, я бы рекомендовал использовать parcel с posthtml-include
parcel
posthtml-include
https://github.com/parcel-bundler/parcel
https://github.com/posthtml/posthtml-include
https://github.com/parcel-bundler/parcel/issues/915#issuecomment -369489539
Вы сможете включить html файлы вот так:
<!doctype html> <html> <body> <include src="title.html"></include> </body> </html>