Пример ограничен. Я упомянул в вопросе, что мне нужно загрузить пользовательский элемент / тег HTML. Документ не будет готов, потому что скрипт не будет доступен для определения тега.
ель состоит в том, чтобы загрузить JavaScript в<head> только если определенный элемент существует в<body>.
Однако у меня есть проблема: я загружаю веб-компонент, который просто<script> размещен в другом месте и используется как:
<script src="https://someurl.com/some-web-component.min.js"></script>
Этот файл веб-компонента огромен, поэтому я не хочу его извлекатьесли это вставлено в тело нашей Системой управления контентом (CMS).
Ограничения, под которыми я работаю:
•<head> разделяется между страницами, поэтому мне нужна условная логика
• Я не имею никакого контроля над<body> вставленный CMS, который потенциально может содержать<my-web-component> тег
• Мне нужен скрипт для загрузки веб-компонента, поэтому я не могу использовать $ (документ) jQuery. Уже, по крайней мере, думаю, что не могу - будет выдана ошибка, потому что браузер не будет знать, существует ли элемент
Этот плункер частично показывает мою проблему, за исключением всей сложности веб-компонента:
Есть ли способ обойти это?